jquery – 除Firefox之外的所有浏览器中的Mouseup错误?

前端之家收集整理的这篇文章主要介绍了jquery – 除Firefox之外的所有浏览器中的Mouseup错误?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
对于动态添加的元素(Firefox除外),滚动条不会触发Mouseup:

CSS:

  1. #dBox {
  2. height: 100px;
  3. width: 230px;
  4. overflow - y: auto;
  5. }

HTML:

< input type =“text”id =“s”>

JQuery的:

  1. $(function() {
  2. $('#s').focus(function() {
  3. var $dBox = $('<ul id="dBox"></ul>');
  4. for (i = 0; i < 10; i++) $dBox.append('<li>' + i + '</li>');
  5. $(this).after($dBox);
  6. $dBox.bind("mouseup",function() {
  7. alert('in: ');
  8. //console.log ('in: ');
  9. });
  10. });
  11. });
  12. // OR LIKE THIS
  13. $('#s').focus(function() {
  14. var $dBox = $('<ul id="dBox"></ul>');
  15. for (i = 0; i < 10; i++) $dBox.append('<li>' + i + '</li>');
  16. $(this).after($dBox);
  17.  
  18. });
  19. $('#dBox').live("mouseup",function() {
  20. alert('in: ');
  21. //console.log ('in: ');
  22. });

如果你单击ul上的任何地方将触发但不在滚动条上.除Firefox之外的所有浏览器都存在同样的问题.

如果将’mouseup’替换为’mousedown’,也会在所有浏览器中触发滚动条.

经过几次测试之后,似乎没有任何区别,如果’ul’它是否添加了dinamically,鼠标似乎不会将滚动条识别为’ul'(FF除外)的一部分.

如果你用’div’替换’ul’而用’p’替换’li’也是同样的问题.
< div id =“dBox”class =“”>< p> 1< / p>< p> 2< / p>< p> 3< / p>< p> 4< / p> < p为H. 5℃; / p为H.< p为H. 6≤/ p为H.&LT p为H. 7 LT; / p为H.&LT p为H. 8 LT; / p为H.&LT p为H.; 9< / p>< / DIV>

$(‘#dBox’).mouseup(function(){alert(‘in:’);});

解决方法

对.这是Chrome上的漏洞: http://code.google.com/p/chromium/issues/detail?id=14204

在webkit上:https://bugs.webkit.org/show_bug.cgi?id=25811https://bugs.webkit.org/show_bug.cgi?id=40648

这是微软的一个居高临下的“你不需要它”的回应:http://social.msdn.microsoft.com/Forums/en-US/netfxjscript/thread/3749b8a1-53ef-48fe-be81-b2df39d6154f/

最后一个线程提出了使用onscroll作为onmouseup的替代品的可能性.这可能是部分解决方法.

猜你在找的jQuery相关文章