7 1 12 阻止事件

2022-09-08 22:36:20 字數 541 閱讀 5120

1.   冒泡事件:比如: body上有div,div 上有button,點選button,會觸發buttom事件,又會觸發冒泡觸發div事件。如果有body事件,還會冒泡body事件的動作。

如果點選按鈕,只希望觸發button的事件,則要進行阻止冒泡。event.stoppropagation();

2.  預設事件:比如 a標籤,缺省會跳轉,但我不希望跳轉,寫個點選事件,點選後觸發自定義的事件。那麼就要阻止預設事件。event.preventdefault();

3. 即要阻止冒泡事件,又要阻止預設事件。

可以寫兩步:

event.stoppropagation();

event.preventdefault();

或者簡寫:

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

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

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

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

阻止事件冒泡

事件冒泡的概念在此不再重複,下面主要介紹防止事件冒泡的方法 符合w3c標準的event.stoppropagation 和ie瀏覽器下的window.event.cancelbubble true 上述 注釋中標註了阻止事件冒泡的方法,下面是針對兩種方法的封裝 function stopbubble...