JS如何阻止事件冒泡和阻止預設事件

2022-06-28 21:21:10 字數 473 閱讀 3415

event.stoppropagation()阻止事件冒泡,

event.preventdefault()阻止預設事件。

在這插播乙個事件捕獲or事件冒泡

事件捕獲指的是從document到觸發事件的那個節點,即自上而下的去觸發事件。

相反的,事件冒泡是自下而上的去觸發事件

繫結事件方法的第三個引數,就是控制事件觸發順序是否為事件捕獲。

true,事件捕獲;

false,事件冒泡。

預設false,即事件冒泡。

看個例子:

document.getelementbyid("parent").addeventlistener("click",function(e),true)

document.getelementbyid("child").addeventlistener("click",function(e),true)

這樣的話就是自上而下的觸發事件

JS阻止事件冒泡,阻止預設事件

1 event.stoppropagation 阻止冒泡事件,不讓事件向documen上蔓延,但是預設事件任然會執行,當你掉用這個方法的時候,如果點選乙個鏈結,這個鏈結仍然會被開啟 2 event.preventdefault 阻止預設事件,呼叫此方法是,鏈結不會被開啟,但是會發生冒泡,冒泡會傳遞到...

阻止事件冒泡,阻止預設事件

阻止事件冒泡 html 冒泡事件測試 js table click function td click function span click function e 如果js中不加 e.stoppropagation 那輸出結果就依次為span td table。這就叫事件冒泡。就是從下到上,從裡到...

阻止事件冒泡 和 阻止事件預設行為

1.event.stoppropagation 方法 這是阻止事件的冒泡方法,不讓事件向documen上蔓延,但是預設事件任然會執行,當你掉用這個方法的時候,如果點選乙個連線,這個連線仍然會被開啟,2.event.preventdefault 方法 這是阻止預設事件的方法,呼叫此方法是,連線不會被開...