事件源,事件物件 簡要學習筆記十八

2022-03-27 20:08:18 字數 1707 閱讀 1937

3.事件委託:利用事件的冒泡技術。子元素的事件最終會冒泡到父元素直到跟節點。事件監聽會分析從子元素冒泡上來的事件。

事件委託的好處:

1.每個函式都是物件,都會占用記憶體,記憶體中物件越多,效能越差。

2.必須事先指定所有事件處理程式而導致的dom訪問次數,會延遲整個頁面的互動就緒時間。

怎樣處理由於事件較多引起的效能差:

1.採用事件委託技術,限制簡歷的連線數量

2.在不需要的時候移除事件處理程式

例子:html:

<

div

id="mydiv"

>

<

input

type

="button"

value

="點我"

id="mybtn"

>

div>

js:

var btn=document.getelementbyid("mybtn"); btn.onclick=function

()

注意:通過設定innerhtml可以把按鈕移走,但是事件處理程式依舊與按鈕保持著事件處理程式的引用都儲存在記憶體中。

所以最好手動移除:

var btn=document.getelementbyid("mybtn"); btn.onclick=function

()

4.事件物件與事件源

function

eventhandler(e)

5.取消事件預設行為

function

eventhandler(e) else

}

6.阻止事件冒泡

function

myparagrapheventhandler(e) else

}

7.event與target

event:代表了包含了事件的所有狀態。

target:觸發事件的元素。

currenttarget:事件繫結的元素。

注意著兩者的區別。

html:

<

ul id

="ult"

>

<

li class

="item1"

>fsda

li>

<

li class

="item2"

>ewre

li>

<

li class

="item3"

>qewe

li>

<

li class

="item4"

>xvc

li>

<

li class

="item5"

>134

li>

ul>

js:

document.getelementbyid("ult").onclick = function

(event)

Android touch事件簡要筆記

主要測試下intercept viewgroup dispatchtouchevent 超級偽碼 if actionmasked motionevent.action down mfirsttouchtarget viewparent中消費 事件序列 的子view 從down到up或cancel這一...

linux網路程式設計十八 統一事件源

訊號是一種非同步事件 訊號處理函式和程式的主迴圈是兩條不同的執行路線。統一事件源 include include include include include include include include include include include include include inclu...

學習筆記 DOM物件及事件繫結

目錄四 element物件 五 對dom物件的操作 六 調整元素樣式的方式 七 event物件 2 繫結事件的幾種方法 dom的英文全稱是document object model,即文件物件模型,是用以操作html文件和xml文件的api。w3c將dom分為三個不同的部分,分別是 核心dom,xm...