原文:js的stopPropagation()、cancelBubble、preventDefault()、return false的分析

個人筆記,如有錯誤,望指出。 事件冒泡,舉個列子: 當你點擊a的時候,會先彈出 點擊了a ,再彈出 點擊了li ,最后跳轉到百度。簡單理解就是先執行子元素的事件,再執行父元素的事件,跟事件捕獲相反。 有些時候,我們不希望發生父元素的事件,只發生子元素的事件,這時候就需要阻止事件冒泡。分析一下事件冒泡,順便分析一下阻止瀏覽器默認行為的一些方法: event.stopPropagation 阻止冒泡 ...

2016-04-12 00:04 3 2989 推薦指數:

查看詳情

stopPropagation, preventDefaultreturn false 的區別

因為有父, 子節點同在, 因為有監聽事件和瀏覽器默認動作之分. 使用 JavaScript 時為了達到預期效果經常需要阻止事件和動作執行. 一般我們會用到三種方法, 分別是 stopPropagation(), preventDefault() 和 return false. 它們之間有什么區別 ...

Tue Mar 22 23:58:00 CST 2016 0 2794
關於jsreturn false、event.preventDefault()和event.stopPropagation()

在平時項目中,如果遇到需要阻止瀏覽器默認行為,大家經常會用return false;和event.preventDefault()來阻止,但對它倆的區別還是有些一知半解,於是看了文檔,查了些資料,在此總結下它倆的區別,順便帶上event.stopPropagation()一起區分下。 一、原生 ...

Thu Nov 03 19:43:00 CST 2016 1 11806
js 阻止事件冒泡和默認行為 preventDefaultstopPropagationreturn false

preventDefaultpreventDefault它是事件對象(Event)的一個方法,作用是取消一個目標元素的默認行為。既然是說默認行為,當然是元素必須有默認行為才能被取消,如果元素本身就沒有默認行為,調用當然就無效了。什么元素有默認行為呢?如鏈接<a>,提交按鈕< ...

Sun Oct 09 06:09:00 CST 2016 0 10572
js 阻止事件冒泡和默認行為 preventDefaultstopPropagationreturn false

preventDefaultpreventDefault它是事件對象(Event)的一個方法,作用是取消一個目標元素的默認行為。既然是說默認行為,當然是元素必須有默認 行為才能被取消,如果元素本身就沒有默認行為,調用當然就無效了。什么元素有默認行為呢?如鏈接<a>,提交按鈕< ...

Tue Mar 31 20:11:00 CST 2015 0 3937
preventDefault()、stopPropagation()、return false 之間的區別

return false”之所以被誤用的如此厲害,是因為它看起來像是完成了我們交給它的工作,瀏覽器不會再將我們重定向到href中的鏈接,表單也不會被繼續提交,但這么做到底有什么不對呢?   可能在你剛開始學習關於jQuery事件處理時,看到的第一個例子就是關於如何阻止瀏覽器執行默認 ...

Tue Jul 05 18:43:00 CST 2016 2 20598
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM