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

Question

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

1. 用户在选择所需项目之前悬停在<option>上的次数。
2. 在进行选择之前悬停的持续时间。

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

Answer 1

<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 / hover事件添加一些计时器和计数器，以捕获所需的数据。

Answer 2

在主流浏览器中，只有Firefox在选项上支持mouseover / mouseout个事件，因此您可能应该放弃第一部分。

关于第二部分，你可能会在<select>的{​​{1}}事件触发时启动计时器并在focus事件触发时停止计时器。 change事件并不完全是你所追求的。我认为focus扩展时不会触发事件。