Javascript 使用jQuery/plain jscript从HTML下拉列表（选择下拉列表时下拉的列表）获取事件数据

是否可以使用jQuery/plain jscript从HTML下拉列表（即单击下拉列表时下拉的列表）获取事件数据？我希望捕捉到：

用户在选择所需项目之前将鼠标悬停在

上的次数

进行选择之前悬停的持续时间

目前，我能够捕获的事件是针对dropdownlist元素本身的，而不是单击后下拉的列表。

<select id="test">
    <option value="1">one</option>
    <option value="2">two</option>
    <option value="3">three</option>
    <option value="4">four</option>
    <option value="5">five</option>
</select>

$(function(){
    $("#test option").mouseover(function(){
        console.log($(this).val());
    })
})

一
二
三
四
五
$（函数（）{
$（“#测试选项”）.mouseover（函数（）{
log（$（this.val（））；
})
})

---

对我有用。您应该能够从中推断，向mouseover/hover事件添加一些计时器和计数器，以捕获所需的数据

在主流浏览器中，只有Firefox支持选项上的

mouseover

/

mouseout

事件，因此您可能应该放弃第一部分

---

至于第二部分，您可以在

的

焦点
事件触发时启动计时器，并在
更改
事件触发时停止计时器，尽管
焦点
事件并不正是您想要的。我不认为在扩展
时会触发任何事件。
我不认为IE或WebKit（Safari，Chrome）中的选项会触发mouseover/mouseout事件，因此此解决方案不是跨浏览器的。第一部分，因为这是一个研究项目，使用Firefox是可以的。对于第二部分，focus事件就足够了，因为我希望用户从关注某个元素开始计时（无论是选择一个项目还是切换到该元素）。谢谢你的回复！