javascript - 为什么javascript mouseover事件在chrome中不起作用？

Question

假设我有一个选择标签和一些选项标签，然后我想在选项标签上添加鼠标悬停事件，我尝试了一些方法，但都不起作用铬：

方法一：

function showtrail(){
    console.log("mouseover");
}

          var el=document.querySelectorAll('#select option');
            for(var i=0;i<el.length;i++){
                el[i].addEventListener("mouseover",showtrail,false);
            }

方法二：

<option onmouseover="showtrail()"  value="d">d</option>

方法3：当然我试过jquery hover方法

所有这些在 chrome 中都不起作用，只在 firefox 中起作用

我该如何解决这个问题？在选项标签上添加悬停或鼠标悬停事件，并且可以在 chrome 中正常工作

Answer 1

IMO，它不是一种有效的方法，因为选项标签不支持该属性。我建议您使用Dropkick - 一个自定义选择框并附加这些事件。