js 事件學習

// 鍵盤按下時

document.addeventlistener(「keydown」,function(e))

// keypress只識別字元鍵(數字，字母，標點符號，回車)

document.addeventlistener(「keypress」,function(e))

// 鍵盤抬起時

document.addeventlistener(「keyup」,function(e))

/*事件委託

適用場景：

1.多個子元素，繫結相同事件型別、執行同乙個事件函式

2.子元素是動態

// 獲取元素

let olele = document.

queryselector
("ol");
olele.
addeventlistener
("click"
,function
(e)if
(e.target.nodename ==
"p")
})

// 焦點事件

inpele.addeventlistener(「focus」,function(e));

// 失去焦點 focusout也可以

inpele.addeventlistener(「blur」,function(e));

// 輸入事件(只要輸入就觸發)

inpele.addeventlistener(「input」,function(e)

});// 內容發生變化時(失去焦點後,判斷內容是否發生變化)

inpele.addeventlistener(「change」,function())

JS事件委託學習

看codecademy 寫練習js 寫煩氣了 然後在妙趣裡面找教程練習例項 教程果然是強悍的 特對教程總結下部分內容。js 事件委託就是利用冒泡原理，把事件加到父級上觸發，執行效果。好處 1.提高效能 2.新新增的元素還會有之前的事件 ulid ul li 111111 li li 22222 li...

js學習筆記26 事件冒泡，事件捕獲

事件冒泡 當乙個元素接收到事件的時候，會把它接收到的所有傳播給它的父級。一直到頂層window。這種現象稱之為事件冒泡機制。出去的事件觸發。阻止冒泡 當前要阻止冒泡的事件函式中，呼叫event.cancelbubble true 事件捕獲 ie下是沒有的，在繫結事件中，標準下是有的。進來的事件觸發。...

JS基礎學習四 繫結事件

b 新增事件 b ie attachevent other addeventlistener var button document.getelementbyid buttonid if button.addeventlistener else if button.attachevent b 刪除事...