MouseEvent 用 javascript 模拟 onclick 事件

Question

我正在尝试模拟鼠标点击，它正在点击导航栏上的按钮，

但是当点击我侧边栏上的按钮时它不起作用。

我在侧栏中的按钮是一个嵌套很深的按钮，我觉得这就是问题所在。

我尝试使用 cancelBubble: true 但它什么也没做。 当我记录 MouseEvent 时，我得到：cancelBubble: false。

当我放置气泡时：false，导航栏上的点击事件不起作用。

我已经阅读了很多关于 stopPropagation 的文章，但我不知道这是否适用于我的代码。 以及把它放在哪里我试图把它放在我的函数中不同的地方 const el 变量，但我收到错误

我的应用是一个 React 应用。 我的点击功能来自 vannilla javascript 脚本。 有人能指出我正确的方向吗？

提前致谢

click.js javascript 点击功能

// givenArray = [4,5,6]
.find({
    to : { $in: givenArray},
    from: { $in: givenArray}
})

响应 APP.js

      function click(x, y) {
        const ev = new MouseEvent("click", {
          view: window,
          bubbles: true,
          //cancelBubble:true,
          cancelable: true,
          screenX: x,
          screenY: y,
        });

        const el = document.elementFromPoint(x, y);
        console.log(el); //print element to console
        if (el !== null || undefined) el.dispatchEvent(ev);
      }
      click(x,y);