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

Question

假设我有一个选择标记，并在其中一些选项标签，然后我想在选项标记添加鼠标悬停事件，我已经尝试了一些办法，但都不起作用铬：

方法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的悬停方法

这一切在浏览器不工作，只有工作在Firefox

我怎样才能解决这个问题呢？加上选项标签悬停或鼠标悬停事件，并可能在铬做工精细

Answer 1

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