🔰event handler

browser ⟩ event ⟩ handler

event (function) handler

• argument：an Event object.

• invocation context：

  • this refers to the object on which the handler was registered.

• return value： In modern JavaScript, event handlers should not return anything.

event handler can also be an object - 👉 see: object handler

🧨 雷區

Window-reflecting body element event handlers：

if you assign one of the following event handlers on document.body, it will be reflected on window too, and vice versa.

• onblur, onerror, onfocus, onload, onresize, onscroll

const body = document.body;
body.onblur = function f(){};        // assigned on body
window.onblur                        // f: reflected on window

window.onresize = function g(){};    // assigned on window
body.onresize                        // g: reflected on body

📗 Medium

🔴 主題

• invocation context of an event handler.

• return value of an event handler.

• "this" in event handler

• register handler

  • capturing handler

  • object handler - event handler can be an object.

• event propagation

• remove handler

📗 參考

• JavaScript The Definitive Guide (15.2 Events)

• Eloquent JS ⟩ Ch. 15: Event Handling

👥 相關

• invoked with an Event object as single argument.