DOM 事件介绍
定义:
在计算中,事件是由软件识别的可由软件处理的动作或事件。计算机事件可以由系统,用户或以其他方式生成或触发。 定义来源
HTML 事件是 HTML 元素发生的事物。JavaScript 可以对这些事件做出反应。通过 Event Listeners
。此外,可以使用 dispatchEvent
触发自定义事件。但这只是一个介绍,所以让我们开始吧!
基本事件监听器
要收听事件,请致电 target.addEventListener(type, listener);
function loadImage() {
console.log('image code here!');
}
var myButton = document.querySelector('#my-button');
myButton.addEventListener('click', loadImage);
每次点击 my-button
时都会触发 loadImage。
事件侦听器可以附加到 DOM 树中的任何节点。查看浏览器中本机触发的所有事件的完整列表:在此处转到完整事件列表的 MDN 链接