事件取消和阻止

2021-08-16 11:38:21 字數 482 閱讀 3064

取消冒泡:

w3c標準 event.stoppropagation();但不支援ie9以下版本

ie獨有event.cancelbubble = true;

封裝 stopbubble(event);

function stopbulle(event)else

}

阻止預設事件:

預設事件 —— 表單提交, a標籤跳轉, 右鍵選單等

1.return false; 以物件屬性的方式註冊的事件才生效

2.event.preventdefault(); w3c標準,ie9以下不相容

3.event.returnvalue = false; 相容ie

封裝 canclehandler(event);

function canclehandler(event)else

}

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

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

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

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

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

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