JS 之 事件Event对象详解（属性、方法、自定义事件）

在JavaScript中，Event对象代表事件的状态，比如触发事件的元素、事件的类型等。所有的事件都有一个相应的Event对象。

一、Event对象的属性：

1. bubbles：返回布尔值，表示事件是否冒泡。
2. cancelable：返回布尔值，表示事件是否可以取消。
3. currentTarget：返回事件监听器绑定的元素。
4. defaultPrevented：返回布尔值，表示是否调用了preventDefault()方法。
5. detail：返回事件触发时的额外详情。
6. eventPhase：返回事件处理的阶段（1-捕获，2-目标，3-冒泡）。
7. target：返回触发事件的元素。
8. timeStamp：返回事件触发的时间戳。
9. type：返回事件的类型。

二、Event对象的方法：

1. preventDefault()：阻止事件的默认行为。
2. stopPropagation()：阻止事件继续传播。
3. stopImmediatePropagation()：阻止事件继续传播，并阻止任何已注册的事件处理程序被调用。

三、自定义事件：

可以使用CustomEvent构造函数来创建自定义事件，并且可以传递数据。

var myEvent = new CustomEvent(eventname, {
  detail: { message: 'Hello, world!' },
  bubbles: true,
  cancelable: false
});
 
var element = document.querySelector('#myElement');
element.dispatchEvent(myEvent);

在上面的例子中，我们创建了一个名为eventname的自定义事件，并在#myElement元素上触发它。