Come attivare a livello di codice un evento dblclick definito con addEventListener?

Question

Per il test dell'unità JS, devo verificare che un doppio clic si comporti come previsto. Il problema è che l'evento è stato registrato tramite element.addEventListener. E per qualche ragione, in questo caso, element.ondblclick() non funziona. HTML:

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

Javasript:

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

Fiddle: http://jsfiddle.net/prZKy/

Se si fa doppio clic sull'immagine, funziona, ma l'ondblclick() in javascript non funziona.

Qualcuno ha un'idea su come farlo?

Answer 1

È possibile utilizzare per attivare dispatchEvent programatically eventi:

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

vedere la sezione "Attivazione built-in eventi" a MDN.

Here è un violino del codice in azione.

Answer 2

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

Questo dovrebbe funzionare.