Javascript 如何在元素上调度双击事件？

我可以通过以下方式发送一个简单的点击事件（无任何可选参数）：

但是如何发送双击事件呢？

只需在

clickEvt.initEvent

中用

“dblclick”

替换

“click”

：

var dblclickEvt = document.createEvent("MouseEvents");
dblclickEvt.initEvent("dblclick");
element.dispatchEvent(dblclickEvt);

---

接受的答案（

Event.initEvent（）

）中使用的错误已被删除

相反，请使用特定的事件构造函数，如

所以要回答你的问题，应该是这样的：

var doubleClickEvent = new Event('dblclick');      //define double click event

element.dispatchEvent(doubleClickEvent);           //trigger double click even

---

这在中国起了作用Chrome@83

const event = new MouseEvent('dblclick', {
  bubbles: true,
  cancelable: true,
  view: window
});

const buttonEl = document.querySelector('#my-button');
buttonEl.dispatchEvent(event);

---

initEvent不是预先准备好了吗？@Snedden27不知道，如果你有更好的答案，我会很高兴你把它贴出来。

const event = new MouseEvent('dblclick', {
  bubbles: true,
  cancelable: true,
  view: window
});

const buttonEl = document.querySelector('#my-button');
buttonEl.dispatchEvent(event);