javascript - jQuery .on() 悬停不适用于 HTML5 选择框

Question

当鼠标悬停在选择框(折叠或展开)上时，我正在 try catch 事件。我按以下方式使用 .on()，

$(document).on('hover', "select#selectBox", function() {
    alert("done");
  });

请注意，我也在准备好 DOM 文档中使用此代码段。

我也尝试过将事件更改为单击、滚动、鼠标悬停、鼠标输入等。似乎也不适用于那些。

请指出我哪里错了。

我制作了一个 JSFiddle:https://jsfiddle.net/g9vf1mty/2/

编辑:感谢大家的快速回复!我已经改正了我的错误:)

我对 JSFiddle 做了一些调整。现在，我试图滚动尺寸小于选项数量的选择框，并将“悬停”事件更改为“滚动”事件。它似乎不是那样工作的。

我正在使用 jQuery 2.1.3。

JSFiddle 在这里:https://jsfiddle.net/g9vf1mty/8/

Answer 1

您不需要将绑定(bind)到 document 级别的事件包装在就绪伪事件中。因为你想委托(delegate)事件，也许是为了处理动态元素，正确的方法是这样绑定(bind) mouseenter & mouseleave 事件:

最终按处理程序内部的事件类型进行过滤(输入/输出)

$(document).on('mouseenter mouseleave', "#selectBox", function(e) {
  alert("done: " + e.type);
});