preventDefault()、stopPropagation()、return false 之間

warmcheng 發布于2019-08-20 19:03 / 3108人閱讀

摘要：取消默認操作，如標簽的，時會觸發，有時需要取消默認操作。停止冒泡，的事件流和的事件流類似。是頂層元素分發，底層元素，由頂層往上事件傳遞，叫冒泡。停止冒泡用等同于參考文章之間的區別

1. preventDefault

取消默認操作，如a標簽的href，click時會觸發，有時需要取消默認操作。

2. stopPropagation

停止冒泡，dom的事件流和android的事件流類似。android是頂層元素分發，底層元素catch（return true），由頂層往上事件傳遞，叫冒泡。dom的事件分發也類似，window獲取事件后分發給目標元素，目標元素傳回window叫冒泡。

停止冒泡用stopPropagation.

3. retrn false

等同于

preventDefault();
stopPropagation();

4. 參考文章

preventDefault()、stopPropagation()、return false 之間的區別

云服務器 GPU云服務器 stopPropagation preventDefault false 返回false問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/85084.html

preventDefault,stopPropagation,return false三者的區別

摘要：與之順序相反的是事件捕獲。可以理解為是的升級版，除了阻止冒泡，還能阻止結束掉當前對象未執行的其它綁定事件方法。作者以樂之名本文原創，有不當的地方歡迎指出。參考文章之間的區別逛帖子的時候看到道友發的前端面試題， preventDefault(), stopPropagation(), return false三者的區別這三者的使用想必大家并不陌生，但是細想之下還是有可究之處。 pre...

bladefury 2019-08-20 19:05 評論0 收藏0
白話解釋 Javascript事件preventDefault,stopPropagation及re

摘要：如圖使用事件捕獲模式注冊事件監聽對最外層，中間層，最內層分別用捕獲模式注冊事件監聽，我們上面說了，如果使用捕獲模式，那么第三個參數應該是，否則則是冒泡模式，如果不聲明，默認為冒泡模式。來源: 個人博客想必好多童鞋都有直接復制粘貼event.preventDefault() 或者event.stopPropagation() 的經歷，但是為什么這樣做不甚了解，今天我們的目的就是要徹...

chanjarster 2019-08-21 15:09 評論0 收藏0
JavaScript事件探秘

摘要：一事件流事件流描述的是從頁面中接受事件的順序。級事件處理程序級事件定義了兩個方法用于處理指定和刪除事件處理程序的操作和。第二個方法是，它返回事件的目標。第三個方法是，用于取消事件的默認行為。首先嘗試使用方法阻止事件流，否則就使用屬性。一、事件流事件流描述的是從頁面中接受事件的順序。IE的事件流是事件冒泡流，而Netscape的事件流是事件捕獲流 1、事件冒泡事件冒泡，即事件最開始...

shuibo 2019-08-19 17:47 評論0 收藏0
JavaScript 設計模式讀書筆記(六)——門面模式

摘要：簡單的門面模式實例事件綁定函數門面模式的作用是將復雜的接口進行包裝，變成一個便于使用的接口。還是以事件相關為例，事件綁定中還有兩個常用的分別是和。門面模式是什么，與其我去用笨拙的語言去解釋，不如看下面這張圖，曾經在網上很火的一張圖片，說的是一位兒子為他的爸媽設置的電腦桌面。 showImg(http://segmentfault.com/img/bVcgHm); 有了這些起好名字...

pubdreamcc 2019-08-19 14:44 評論0 收藏0
燜面&適配器

摘要：門面模式燜面有兩個作用一是簡化類的接口二是消除類與使用他的業務代碼之間的耦合他幾乎是所有庫的核心原則通過建立一些便利方法可以讓復雜系統變得更加簡單易用燜面模式可以使庫提供的工具更加容易理解燜面可以簡化錯誤記錄或者跟蹤頁面視圖統計數據這類這類門面模式燜面,有兩個作用,一是簡化類的接口;二是消除類與使用他的業務代碼之間的耦合.他幾乎是所有 JS 庫的核心原則.通過建立一些便利方法可以讓...

suemi 2019-08-21 14:36 評論0 收藏0