事件对象

事件触发时那一刻，所有相关信息和方法的集合
- chrome：最外层多了个 pointerEvent
- 其他浏览器：最外层是 mouseEvent

var container = document.querySelector('.container');
container.addEventListener('click', function(e) {
  console.log(e);
});

// [pointerEvent]PointerEvent ->
// MouseEvent.prototype ->
// UIEvent.prototype ->
// Event.prototype ->
// Object.prototype

Untitled

🌈 event.target 和 event.currentTarget 的区别

target 当前触发事件的元素
currentTarget 绑定事件处理函数的元素

Untitled