選択タグといくつかのオプションタグがあり、オプションタグにマウスオーバーイベントを追加したいとします。いくつかの方法を試しましたが、すべてが機能しません。
方法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で正常に機能する可能性があります