javascript - 使用纯 Javascript 将事件绑定(bind)到元素

Question

我正在编写一个 API，不幸的是需要避免任何 jQuery 或第 3 方库。事件到底是如何通过 jQuery 绑定(bind)到元素的？

jQuery 示例:

$('#anchor').click(function(){
    console.log('anchor');
});

由于沮丧，我即将在元素上编写 onClick 属性，但我想了解 jQuery 事件和 DOM 元素之间的链接。

当标记本身未更改时，元素究竟如何知道触发 jQuery 事件？他们如何捕获 DOM 事件并覆盖它？

我已经创建了自己的观察者处理程序，但不太明白如何将元素链接到观察者事件。

Answer 1

这是一个快速回答:

document.getElementById('anchor').addEventListener('click', function() {
  console.log('anchor');
});

每个现代浏览器都支持完整的 API，用于通过 JavaScript 与 DOM 交互，而无需修改 HTML。请参阅此处以获得相当好的鸟瞰图:http://overapi.com/javascript