jQuery .on（）懸停不適用於HTML5選擇框

Question

我試圖捕獲鼠標懸停在選擇框上的事件，無論它是折疊還是展開。 我以以下方式使用.on（），

$(document).on('hover', "select#selectBox", function() {
    alert("done");
  });

請注意，我也在DOM文檔中使用此代碼段。

我也嘗試將事件更改為單擊，滾動，鼠標懸停，mouseenter等。 似乎也不適合那些。

請指出我要去哪里了。

我做了一個JSFiddle： https ://jsfiddle.net/g9vf1mty/2/

編輯 ：感謝大家的快速回復！ 我已經糾正了我的錯誤:)

我對JSFiddle進行了一些調整。 現在，我正在嘗試滾動選擇框，使其尺寸小於選項的數量，並將“懸停”事件更改為“滾動”事件。 它似乎不是那樣工作的。

我正在使用jQuery 2.1.3 。

此處的JSFiddle： https ://jsfiddle.net/g9vf1mty/8/

Answer 1

$("select#selectBox").hover(function() {
 alert("working");
});

以上述方式使用懸停功能。 更重要的是，您也錯過了jQuery庫。

由於on("hover") 已從jQuery 1.8棄用 ，因此無法在更高版本的jquery上使用。

Answer 2

您無需將綁定到document級別的事件包裝在ready偽事件中。 並且因為您想委托事件，也許想處理動態元素，所以正確的方法是通過以下方式綁定mouseenter & mouseleave事件：

最終按處理程序內的事件類型過濾（輸入/輸出）

$(document).on('mouseenter mouseleave', "#selectBox", function(e) {
  alert("done: " + e.type);
});

Answer 3

您應該使用mouseenter事件

並在小提琴中包含jQuery :)

還要看這個（SO問題）[ 是否可以使用jQuery .on並懸停？