addEventListenerで定義されたdblclickイベントをプログラムで起動するにはどうすればよいですか？

Question

JSユニットテストでは、ダブルクリックが期待どおりに動作することを確認する必要があります。問題は、イベントがelement.addEventListenerを介して登録されたことです。何らかの理由で、この場合、element.ondblclick（）は機能しません。 HTML：

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

Javasript：

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

フィドル：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は、動作しているコードの真実です。

Answer 2

var doubleClickEvent = document.createEvent('MouseEvents'); 
doubleClickEvent.initEvent('dblclick', true, true); 
e.currentTarget.dispatchEvent(doubleClickEvent); // inside method 

これは動作するはずです。