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

2022-08-09 11:33:11 字數 557 閱讀 3971

阻止事件冒泡

html**:

冒泡事件測試

js**:

$('table').click(function());

$('td').click(function());

$('span').click(function(e));

如果js中不加「e.stoppropagation()」,那輸出結果就依次為span -> td ->

table。這就叫事件冒泡。就是從下到上,從裡到外,事件依次觸發。

阻止預設事件-1

html**:

阻止預設事件1

js**:

$('.a1').click(function(e));

阻止預設事件-2

阻止預設事件2

阻止預設事件-3

阻止預設事件3

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

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

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

event.stoppropagation 阻止事件冒泡,event.preventdefault 阻止預設事件。在這插播乙個事件捕獲or事件冒泡 事件捕獲指的是從document到觸發事件的那個節點,即自上而下的去觸發事件。相反的,事件冒泡是自下而上的去觸發事件 繫結事件方法的第三個引數,就是控制...

js阻止冒泡事件和預設事件

event.stoppropagation 這個event要通過引數傳遞過來,不然可能有的瀏覽器 比如火狐 不能識別event 要像這麼寫 nclick init.toggleuserinfo this,event init.toggleuserinfo function target,event ...