๐ฐregister handler
JS โฉ browser โฉ event โฉ handler โฉ register
register an event (function) handler๏ผ
// 1. by setting the "on" property
window.onload = function(){ ... };
// 2. by calling addEventListener()
elem.addEventListener("click", handler, opts);
register an event object handler๏ผ
elem.addEventListener('click', {
handleEvent(event) { ... } // โญ๏ธ required method
});
Donโt use setAttribute
to assign handlers. Attributes are always strings, function becomes a stringโ
// a click on will generate errors.
elem.setAttribute('onclick', () => { ... });
For some events, handlers only work with addEventListener.
document.onDOMContentLoaded = handler; // โ won't workโ๏ธ
document.addEventListener("DOMContentLoaded", handler) // โ
Last updated
Was this helpful?