module3 03 DOM事件繫結 解除 事件流

2022-07-10 13:57:08 字數 1005 閱讀 5430

同乙個元素可以多次繫結事件監聽,同乙個事件可以註冊多個事件函式

相容問題:不支援ie9以下的瀏覽器

同乙個元素可以多次繫結事件監聽,同乙個事件型別(比如相同的onclick)可以註冊多個事件函式

相容性問題:只支援ie10及以下的瀏覽器

注意事項

注意事項

這樣只需要給父元素這乙個繫結事件就可以了

e.target 用於獲取觸發事件的元素

e.srcelement 用於獲取觸發事件的元素,低版本瀏覽器使用

e.currenttarget 用於獲取繫結事件的事件源元素(即繫結事件函式的元素)

e.type 獲取事件型別

e.clientx/e.clienty 滑鼠距離瀏覽器視窗左上角的距離(所有瀏覽器都支援

e.pagex/e.pagey 資料距離整個html頁面坐上頂點的距離,包括滾動的高度(ie8以前不支援

相容性寫法

e.returnvalue = false

e.stoppropagation()

e.cancelbubble = true

相容寫法

e.preventdefault ? e.preventdefault() : (e.returnvalue = false)

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

解除繫結事件

用什麼方式繫結事件,就用對應的方式解綁事件 一 物件.on事件名字 事件處理函式 繫結事件 物件.on事件名字 null 解綁 type button value 繫結 id btn type button value 解除繫結 id btn2 my btn onclick function my ...

事件繫結與解除

ele.onclick function event 乙個元素的同乙個事件只能繫結乙個處理函式,基本等同於寫在行間,控制代碼,this指向dom元素本身 obj.addeventlistener type,fn,false type 事件型別,fn 處理函式,乙個事件可以繫結多個處理函式,ie9以下...

DOM事件繫結

element.addeventlistener type,handler,boolean 第乙個值代表事件型別,不加on。第二個是執行的方法。事件處理函式 第三個值是乙個布林值,預設為false,只在冒泡階段執行。true為在捕獲階段執行 element.removeeventlistener t...