Please enable JavaScript.
Coggle requires JavaScript to display documents.
event 設置 (觸發即處理程序 (html及css架構設置 (html (事件發生點, handler的要發生的地方), css…
event 設置
觸發即處理程序
html及css架構設置
html
事件發生點
handler的要發生的地方
css
handler要做的效果
監聽事件
addEventListener
插入的參數
handler
useCapture
事件名稱 (event name)
handler 也可以直接寫在監聽器
element.addEventListener('click', function ()
匿名函式 (anonymous function)
好處
將多個 handler 綁定到同一個元素上
不必要是同一個
觸發事件的元素
監聽對象
父層元素
可拆除性
handler的function要命名分開
事件處理程序
handler
function
要做的事
event.target
觸發點
檢查
console.log(event.target)
console.log(this)
事件
使用者在瀏覽器的所有行為
常見事件
滑鼠事件
mousemove
mouseout
click
鍵盤事件
keydown
keyup
document 事件
DOMContentLoaded
HTML 下載完成並完整的建立 DOM 模型時觸發
表單事件