触发事件

输入触发事件

有一些特殊事件可以作为方法的元素。您可以直接调用它们，例如：

// 用于文本框和文本区域
ele.focus()
ele.blur()

// 对于表单元素
formEle.reset()
formEle.submit()

// 对于任何元素
ele.click()

触发原生事件

const trigger = function (ele, eventName) {
  const e = document.createEvent('HTMLEvents')
  e.initEvent(eventName, true, false)
  ele.dispatchEvent(e)
}

您可以触发 ​​change​​​、​​keyup​​​、​​mousedown​​ 和更多的调用

trigger(ele, 'mousedown')

触发自定义事件

下面的示例代码触发了一个以 ​​hello​​​ 数据命名的自定义事件 ​​{ message: 'Hello World' }​​：

const e = document.createEvent('CustomEvent')
e.initCustomEvent('hello', true, true, { message: 'Hello World' })

// 触发事件
ele.dispatchEvent(e)