0

選択タグといくつかのオプションタグがあり、オプションタグにマウスオーバーイベントを追加したいとします。いくつかの方法を試しましたが、すべてが機能しません。

方法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で正常に機能する可能性があります

4

1 に答える 1

0

IMO、オプションタグがそのプロパティをサポートしていないため、それを行う有効な方法ではありません。カスタム選択ボックスであるDropkickを使用し、それらのイベントを添付することをお勧めします。

于 2012-04-20T06:14:08.150 に答える