javascript - jQuery trigger mousedown registered by addEventListener -

javascript - jQuery trigger mousedown registered by addEventListener -

i want simulate false mousedown event jquery trigger() method, , register mousedown event native javascript method - addeventlistener(). , found can't triggered...

elem.addeventlistener('mousedown', function () { alert('addeventlistener'); }); $(elem).on('mousedown', function () { alert('on'); }); $(elem).trigger('mousedown');

sample in jsfiddle

i tests it.

register mousedown event jquery on() result: works register click event addeventlistener() result: works

is wrong here?

thanks.

p.s. reason why uses addeventlistener() want write library without jquery.

try using

eventtarget.dispatchevent

mdn link

your code like

var elem = document.getelementbyid('square'); elem.addeventlistener('mousedown', function () { alert('addeventlistener'); }); $(elem).on('mousedown', function () { alert('on'); }); elem.dispatchevent(new event('mousedown'))

you might have utilize fireevent if considering ie.

object.fireevent(bstreventname, pvareventobject, pfcancelled)

msdn link

it like

if (document.createevent) { element.dispatchevent(event); } else { element.fireevent("on" + event.eventtype, event); }

javascript jquery javascript-events