Jak programowo uruchomić zdarzenie dblclick zdefiniowane przez addEventListener?

Question

Dla testu jednostki JS, muszę sprawdzić, czy dwukrotne kliknięcie zachowuje się zgodnie z oczekiwaniami. Problem polega na tym, że zdarzenie zostało zarejestrowane przez element.addEventListener. I z jakiegoś powodu, w tym przypadku element.ondblclick() nie działa. HTML:

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

obsługi JavaScript:

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

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

Dwukrotne kliknięcie na obrazie, to działa, ale ondblclick() w javascript nie działa.

Ktoś ma pomysł, jak to zrobić?

Answer 1

Można użyć dispatchEvent programowo wyzwalać zdarzenia:

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

Patrz „Wyzwolenie wbudowany w imprezach” na MDN.

Here to skrzypce kodu w akcji.

Answer 2

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

to powinno działać.