jQuery 使用垂直滚动条和 mousedown - FireFox 有效，IE 有问题

Question

我有一个用 jQuery 编写的菜单，当事件触发时会弹出。它的侧面有一个垂直滚动条。滚动在 FireFox 中工作正常，但在 IE（8 或 9）中不行。我想这与 mousedown 事件有关，需要从菜单中选择一个项目。

    .mousedown(function (event) {
        var li = get_element_from_event(event, "li");
        if(li){
            return false;
        }

对于 IE，当用鼠标单击滚动条时，菜单会再次折叠（就像用户进行了选择一样）。

这是 IE 中的常见问题（即滚动条问题）吗？

我认为这也与以下滚动条代码片段有关

$(".token-input-list")[0].scrollTop = $(".token-input-list")[0].scrollHeight;

Answer 1

根据 get_element_from_event() 的作用以及您使用 mousedown 执行的其他操作，IE 可能会正确运行 - 如果事件目标不是元素，它会据说 li 返回 false，因此 if(li) 会失败，因此 mousedown 不会返回 false，但继续前进。

至于修复它，您需要找出 IE 为 li 返回的内容（通过警报或控制台），并在 get_element_from_event() 中对其进行测试> 或在新的变量/函数中。

Answer 2

如果您的 .mousedown 事件附加到滚动条所在的同一元素，请将您的 .mousedown 事件移动到具有滚动条的 div 内的新 div。

Answer 3

感谢您的输入 - 我发现滚动条问题上有很多错误，因此我通过包含在这里找到的一个不错的列表脚本来解决它： http://rascarlito.free.fr/hoverscroll/。这对 IE 来说是个窍门，对我来说也是如此；）

Answer 4

问题是使用全局window.event对象，而不是jQuery的事件对象。 window.event 仅适用于某些浏览器，并且它不是 W3C 标准。

jQuery 规范化了事件对象，因此它在所有浏览器中都是相同的。事件处理程序将该 jQuery 事件对象作为参数传递。使用那个。

$(".class_name").mousedown(function (e) {

  switch (e.which) {
    case 1: //leftclick
        //...
        break;
    case 3: //rightclick
        //...
        break;
  }
});