JS中的自定义事件和模拟事件

在 JS 中模拟事件指的是模拟 JS 中定义的一些事件，例如点击事件，键盘事件等。

自定义事件指的是创建一个自定义的，JS 中之前没有的事件。

接下来分别说一下创建这两种事件的方法。

创建自定义事件

创建自定义事件可以使用 Event 和 CustomEvent 两种方法，接下来分别做一下介绍。

1. 利用 Event

MDN Event

Event 用法

event = new Event(typeArg, eventInit);

typeArg：指定事件类型，传递一个字符串。这里的事件类型指的是像点击事件（click）、提交事件（submit）、加载事件（load）等等。

eventInit：可选，也可以以键值对的形式设置以下属性。

bubbles：事件是否支持冒泡，传递一个boolean类型的参数，默认值为false。

cancelable：是否可取消事件的默认行为，传递一个boolean类型的参数，默认值为false。

composed：事件是否会触发shadow DOM（阴影DOM）根节点之外的事件监听器，传递一个boolean类型的参数，默认值为false。

示例

  <section id="Event">
    <div id="root">div>
    <script type="text/javascript">
      // 创建事件对象
      const newEvent = new Event('customType', {
     bubbles:true,cancelable:true,composed: