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

Question

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

方法1：

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);
            }

方法2：

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

方法3：     当然我试过jquery悬停方法

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

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

Answer 1

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