js 触发元素事件

click事件

    // 触发click事件
    let img = document.querySelector('img')
    img.addEventListener('click', function () {
      console.log(123);
    })
    // 自动触发
    img.click()

非click事件

// 触发元素的非click事件 -- 实现步骤
// 1、创建一个自定义事件对象，HtmlEvents--说明要触发的是事件中的元素的事件
let ev = document.createEvent('HtmlEvents')
// 2、进行事件的初始化：配置事件的属性，如事件类型，是否冒泡，是否能阻止默认行为
// ev.initEvent('事件类型',是否允许冒泡,是否允许阻止默认行为)
ev.initEvent('mouseenter', true, true)
// 3、触发事件--代码方式触发事件
// 元素.dispatchEvent(ev)
lis[index].dispatchEvent(ev)

触发元素的非click事件 -- 实现步骤

1、创建一个自定义事件对象，HtmlEvents--说明要触发的是事件中的元素的事件

2、进行事件的初始化：配置事件的属性，如事件类型，是否冒泡，是否能阻止默认行为

      ev.initEvent('事件类型',是否允许冒泡,是否允许阻止默认行为)

 3、触发事件--代码方式触发事件

      元素.dispatchEvent(ev)