1. 程式人生 > >阻止事件冒泡的兩種方法

阻止事件冒泡的兩種方法

何為冒泡:

      即事件開始是由最具體的元素接收,然後逐層向上級傳播到較為不具體的元素。

加入一個button和它的父級div同時定義了onclick事件,點選button時,在觸發了button的onclick事件之後,會發生事件冒泡,然後觸發div的onclick事件,然而,觸發button的onclick事件的同時也觸發div的onclick事件顯然不是我們想要的,此時,可以阻止冒泡事件。

方法一:

event.stopPropagation();

這個方法會阻止冒泡事件,但是不會阻止預設事件

方法二:

return false;

既阻止冒泡事件也阻止預設事件

還有一個方法,雖然不能阻止冒泡,但是可以阻止預設事件

event.preventDefault()