如何在选项下拉菜单中检测鼠标事件

Question

我正在使用jQuery，需要能够检测用户是否将鼠标悬停在下拉菜单的选项上。它能够检测是否位于其他元素之上，而不是“选项”。

我的HTML是一个简单的下拉菜单：

<select name="menu">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
</select>

我的JavaScript是：

$("option").mouseenter(function() {
    console.log("Mouse has touched option");
});

Answer 1

您不能使用本机选择标签来做到这一点。

您可以使用一些jquery下拉列表来实现这一点，例如：

https://select2.org/

Answer 2

一个非常有趣的问题，但是您不能做到这一点，而且，您还可以创建具有自定义HTML和CSS的自定义下拉菜单，并在其上触发自定义events，另请参见：W3Schools