jquery

mouseleave和mouseenter區別

關鍵點:冒泡的方式處理問題

例:

<div class="aaron2">
   <p>鼠標離開此區域觸發mouseleave事件</p>
</div>

如果p元素和div元素都綁定了mouseover事件,當鼠標離開了p元素區域卻沒有離開div元素時:

1.p元素響應事件
2.div元素響應事件

由于js的事件冒泡特性,導致觸發p元素的mouseover時,他會一直向上查找,同時觸發了父元素的mouseover。
所以在這種情況下,推薦使用mouseenter

mouseenter事件只會在綁定它的元素上被調用,而不會在后代節點上被觸發.

類似的還有focus,focusin(冒泡)。blur,focusout(冒泡)。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • (續jQuery基礎(1)) 第5章 DOM節點的復制與替換 (1)DOM拷貝clone() 克隆節點是DOM的常...
    凜0_0閱讀 1,370評論 0 8
  • 總結: 鼠標事件 1.click與dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r閱讀 1,640評論 2 10
  • 第1章 鼠標事件 1-1 jQuery鼠標事件之click與dbclick事件 用交互操作中,最簡單直接的操作就是...
    mo默22閱讀 1,308評論 0 6
  • 第一章 事件篇 鼠標事件 1. click與dbclick事件 click(): 監聽用戶的單機操作 dbclic...
    七弦桐語閱讀 480評論 0 2
  • 我以為我與你交情不錯,結果真的是我以為 本來我起了一個特別兇的題目,但是我,平安夜刪的那個人又出現了,我又想解釋下...
    烏小四閱讀 284評論 2 0