javascript - 在 IE 上捕获 HTML 选项元素的鼠标事件

Question

仅对于 Internet Explorer，点击、鼠标按下、鼠标向上、鼠标悬停等的目标 (srcElement) 似乎在 <select /> 上。元素不会绑定(bind)到 <option />元素。

给定以下 HTML:

<select id="madness">
   <option value="1">One</option>
   <option value="2">Two</option>
   <option value="2">Three</option>
</select>

和这个基本的 jQuery 事件处理程序:

$("#madness").mousedown(function(e){
   alert(e.target.value); //jQuery pushes srcElement into the target for us here
});

e.target 中的对象或 e.srcElement始终等于 <select />而不是 <option /> .

我决定发挥创意并尝试使用 document.elementFromPoint(e.clientX,e.clientY)并返回 <select />元素也是如此。

那么问题来了，有没有办法确定<option />在 <select /> 里面通过事件参数、坐标或其他方式？我知道我可以用一个可滚动的复选框 div 来伪造它。出于这个问题的目的，我想要任何可以使用 native 选择元素的解决方案。

Answer 1

简而言之，没有使用原生 select 元素的解决方案。