一、jq的移入事件有mouseenter和mouseover

mouseenter只有在鼠標指針穿過被選元素時才會觸發；

mouseover是不論鼠標指針穿過被選元素還是其子元素都會觸發

$("#id").mouseenter(function () {alert('移入'); }); $("#id").mouseover(function () {alert('移入'); });

二、jq的移出事件有mouseleave和mouseout

mouseleave只有在鼠標指針離開被選元素時觸發；

mouseout是不論鼠標指針穿過被選元素還是其子元素都會觸發

$("#id").mouseleave(function () {alert('移出'); }); $("#id").mouseout(function () {alert('移出'); });

三、hover事件是包含了移入和移出事件

hover 事件規定當鼠標指針懸停在被選元素上時要運行兩個函數，若只寫一個函數則是移入事件，沒有移出事件的相應處理。

jQuery 1.7 版本前該方法觸發?mouseenter和??mouseleave事件。

jQuery 1.8 版本后該方法觸發mouseover和mouseout事件。

$("#id").hover(function(){console.log('移入'); },function(){console.log('移出'); });

總結

以上是生活随笔為你收集整理的jq的移入移出事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。