项目学习——通过 mouseover事件 触发 click事件

 通过 mouseover事件 触发 click事件

const mouseEvent = new MouseEvent('click', {//创建一个 click 的鼠标事件 并让他点击
    bubbles: true,
    cancelable: true,
  })
  useEffect(() => {
    var els = document.getElementsByClassName('ant-tabs-tab')
    var top = document.getElementsByClassName('ant-tabs-tab-btn')
    console.log(els.length)
    console.log(top.length)
    for (let i = 0; i < top.length; i++) {
      top[i].addEventListener('mouseover', function () {//给某个 dom 在=绑定 mouseover 事件
        els[i].dispatchEvent(mouseEvent)// 在 mouseover 中将想要进行的 click 通过 dispatchEvent 事件派发给将要发生 click 的 div
      })
    }
  }, [])//在componentDidMount周期内进行，在渲染完成后进行。