javascript - 如何以编程方式触发使用 addEventListener 定义的 dblclick 事件？

Question

对于 JS 单元测试，我需要检查双击是否按预期运行。问题是该事件是通过 element.addEventListener 注册的。出于某种原因，在这种情况下，element.ondblclick() 不起作用。HTML:

<input type="image" src="pic.jpg" id="aa"/>

Java 脚本:

document.getElementById('aa').addEventListener("dblclick", function(){alert('aa')});document.getElementById('aa').ondblclick();

fiddle :http://jsfiddle.net/prZKy/

如果你双击图片，它可以工作，但 javascript 中的 ondblclick() 不起作用。

有人知道怎么做吗？

Answer 1

您可以使用 dispatchEvent 以编程方式触发事件:

var event = new MouseEvent('dblclick', {
    'view': window,
    'bubbles': true,
    'cancelable': true
  });
document.getElementById('aa').dispatchEvent(event);

请参阅 MDN 上的“触发内置事件”部分.

Here是正在运行的代码的 fiddle 。