一,
事件監聽:為同乙個物件的同乙個事件繫結多個事件處理程式
事件繫結:對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...