DOM 事件介绍

定义:

在计算中,事件是由软件识别的可由软件处理的动作或事件。计算机事件可以由系统,用户或以其他方式生成或触发。 定义来源

StackOverflow 文档

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 链接