认识

2024年01月18日

柏拉文

越努力，越幸运

一、认识

---

二、创建

---

2.1 new Event()

const event = new Event(typeArg,eventInit);

• typeArg: 是 DOMString 类型，表示所创建事件的名称。

• eventInit: 是 EventInit 类型的字典，接受以下字段

  • bubbles:可选,Boolean类型，默认值为 false，表示该事件是否冒泡。
  • cancelable: 可选,Boolean类型，默认值为 false， 表示该事件能否被取消。
  • composed: 可选, Boolean类型，默认值为 false，指示事件是否会在影子 DOM 根节点之外触发侦听器

2.2 new CustomEvent()

const event = new CustomEvent(typeArg,customEventInit);

• typeArg: 是 DOMString 类型，表示所创建事件的名称。

• customEventInit: 是 EventInit 类型的字典，接受以下字段

  • detail: 可选的默认值是 null 的任意类型数据，是一个与 event 相关的值
  • bubbles:可选,Boolean类型，默认值为 false，表示该事件是否冒泡。
  • cancelable: 可选,Boolean类型，默认值为 false， 表示该事件能否被取消。
  • composed: 可选, Boolean类型，默认值为 false，指示事件是否会在影子 DOM 根节点之外触发侦听器

2.3 Document.createEvent()

const event = document.createEvent(type);

• type: 是一个字符串，表示要创建的事件类型。事件类型可能包括UIEvents、 MouseEvents、MutationEvents 或者 HTMLEvents

• event:被创建的 Event 对象