js面試,事件相關問題

2021-08-30 19:32:20 字數 1081 閱讀 3890

這一節比較簡單了,也沒啥說的

一、事件繫結

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 繫...