這一節比較簡單了,也沒啥說的
一、事件繫結
1.1 通用事件繫結
el.addeventlistener(event,callback)
el.preventdefault( ); 阻止通過 addeventlistener( ) 新增的事件的預設事件
1.2 ie事件繫結
el.attachevent(el,callback)
el.returnvalue = false; 阻止通過 attachevent( ) 新增的事件的預設事件
接下來寫乙個類似於jq的世界繫結吧,未做ie相容,懶得寫了,也不是什麼難事
let a = window.a=window.$=function (el)else
}a.prototype.on=function(evnettype,callback)
//使用
$('.parent').on('click',()=>)
二、事件冒泡
事件冒泡,就這麼理解吧,觸發了子事件接著就觸發了父事件
其中阻止事件冒泡是:
通過**理解事件冒泡:
html**
let a = window.a=window.$=function (el)else
}a.prototype.on=function(evnettype,callback)
$("#ulbox").on('click',(e)=>)
$("#child-li").on('click',(e)=>)
事件**
事件**其實就是事件冒泡的運用,本來給兒子做的事情交給父親做。用target來確定
//承接上面**
$("#ulbox").on('click',(e)=>)
三、事件捕獲
事件捕獲就是觸發父級事件從而觸發子級事件
stopimmediatepropagation() 和 stoppropagation()的區別在哪兒呢?
後者只會阻止冒泡或者是捕獲。 但是前者除此之外還會阻止該元素的其他事件發生,但是後者就不會阻止其他事件的發生
js 事件相關
1.兩種事件型別 冒泡捕獲 2.兩個新增事件的函式 ie中的 object attachevent name of event handler fnhandler object detachevent name of event handler fnhandler dom標準的 object add...
JS頁面相關事件
頁面相關事件 onabort ie4 n3 o onbeforeunload ie4 n o 當前頁面的內容將要被改變時觸發的事件 onerror ie4 n3 o 捕抓當前頁面因為某種原因而出現的錯誤,如指令碼錯誤與外部資料引用的錯誤 onload ie3 n2 o3 頁面內空完成傳送到瀏覽器時觸...
js事件的相關收集
1.阻止事件冒泡 ie cancelbubble true 其他 stoppropagation 2.阻止事件的預設行為 ie returnvalue false 其他 preventdefault 3.事件源 ie srcelement 其他 target 目標元素 currenttarget 繫...