事件監聽的理解

2022-07-28 04:48:13 字數 1214 閱讀 1660

一,

事件監聽:為同乙個物件的同乙個事件繫結多個事件處理程式

事件繫結:對dom元素繫結事件處理函式  一般分為三種  1、在dom元素中直接繫結  2、在js中繫結  3、繫結事件監聽函式

事件委託:利用冒泡的原理,把事件加到父級上,觸發執行效果

事件委託的好處:

1、實現對未來元素事件的繫結

未來元素:繫結事件時,頁面上還不存在的元素

2、減少事件繫結,提高效能

1、事件分為dom 0級事件和dom 2級事件,dom2級事件也叫做事件監聽。dom 0級事件的缺點是如果事件相同 後者的事件會覆蓋前者的事件,dom2級事件可以解決這個問題

二、dom2級事件的方法是 

addeventlistener() 

引數1:事件型別  不需要加on   

引數2:**函式    

引數3:布林值  true代表捕獲   false代表冒泡

解綁事件方法:removeeventlistener()    

但是ie不支援此方法

ie瀏覽器下用:attachevent()

引數1:事件型別  需要加on

引數2:**函式

解綁事件方法:detachevent()

3、事件流、事件冒泡、事件捕獲

當乙個html元素產生乙個事件時,該事件會在元素節點與根節點之間的路徑傳播,路徑所經過的節點都會收到該事件,這個傳播的過程叫做dom事件流

元素觸發事件時,事件的傳播過程稱為事件流,過程分為捕獲和冒泡兩種

冒泡事件:微軟提出的   事件由子元素傳遞到父元素的過程,叫做冒泡

捕獲事件:網景提出的   事件由父元素到子元素傳遞的過程,叫做事件捕獲

4、ie與火狐的事件機制有什麼區別?

事件處理機制:ie是事件冒泡、火狐是 事件捕獲;

5、事件**/事件委託

利用冒泡機制,將子元素的事件委託給父元素去監聽(給父元素新增事件),當子元素觸發事件時,事件冒泡到父級如果希望指定的子元素才能觸發事件,可以通過事件物件(event)獲得事件源(target),然後通過       條件判斷是不是期望的子元素,如果是的話,執行事件,否則不執行

6、事件委託的好處

1、實現對未來元素事件的繫結

2、減少事件繫結,提高效能

7、如何找到事件源

var target = e.target||e.srcelement

tagname能找到事件源的元素名

事件的監聽

點選我 button value 測試1 id mytest1 onclick test1 button id test2 測試2 d1 onmouseover over onmouseout out d2 這是最普通的乙個點選出現下拉滑塊。其中比較常用的事件是 onclick 單擊滑鼠左鍵觸發 o...

監聽動畫的事件

對於動畫,一般都是一些輔助效果,比如我要刪除乙個元素,我可能希望是乙個淡出的效果,但是最終還是要刪除這個元素,並不是你的透明度沒有了,但是還佔著位置,所以我們需要知道動畫如何結束,才能有效的響應這個刪除操作。第一種方法 final view view v objectanimator objecta...

SpringBoot的事件監聽

b 或者將 加入到容器中。component c 使用 eventlistener註解,在方法上面加入 eventlistener註解,且該類需要納入到spring容器中進行管理。1 package com.bie.license 23 45 6 7 description todo 8 autho...