獲取事件物件和冒泡的阻止

2021-08-16 08:42:43 字數 481 閱讀 3538



如何獲取事件物件

1、dom.onclick = function()

iechrome

2、dom.onclick = function(e)

ie9及以上版本

火狐chrome

相容dom.onclick = function(e)

阻止冒泡   

e.stoppropagation()   標準方法

ie8及以下版本不相容

e.cancelbubble = true  大部分瀏覽器都相容的方法

e.stoppropagation ? e.stoppropagation() : (e.cancelbubble = true)

事件委託

將本該某元素執行的事件,委託給父元素或祖先元素執行

判斷e.target的一些特性來執行**

var target = e.target || e.srcelement;

事件冒泡和冒泡的阻止

事件冒泡概念 當元素觸發了事件的時候,會依次向上觸發所有元素的相同事件。事件冒泡的行為演示 我是a 我是b 我是c上面這段 一共有三個事件,三個div都分別繫結了單擊事件。在頁面中當單擊c會連續彈出3個提示框。這就是事件冒泡引起的現象。事件冒 泡的過程是 c b a c冒泡到b冒泡到a。冒泡的阻止 ...

阻止事件冒泡

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

阻止事件冒泡

js div li click function e div ul click function e div click function e 說明 1.事件冒泡就是觸發孩子事件時,如果他的父親也有個事件,那麼他執行孩子事件後還會執行父親的事件。2,在孩子節點執行完,return false 這樣就...