What is equivalent to jQuery 'trigger' method without jquery?

Question

what is the equivalent of jQuery trigger method without jQuery?

for example, how can I do something like $('.blah').trigger('click'); without jQuery?

Answer 1

For some meaning "very crappy equivalent":

 var button = document.getElementById("thebutton") button.click() 

Not all browsers (like Firefox!) Allow you to simulate events this way! Using onclick() only works if the event is in a string, etc.

Please see the jQuery source and search for “trigger:” (first match) to see all the unnecessary things done to “make it work” (this is a bit like the inside of jQuery, other structures have much simpler examples).

Happy coding.

Answer 2

event.initMouseEvent ("click" ...

Here is an example:

 function simulateClick(elId) { var evt; var el = document.getElementById(elId); if (document.createEvent) { evt = document.createEvent("MouseEvents"); evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); } (evt) ? el.dispatchEvent(evt) : (el.click && el.click()); } var foo = document.getElementById("hey"); foo.onclick = function () {alert("bar");} simulateClick("hey"); 

Answer 3

Here is my example. Work well in all situations.

 var d=document.createEvent("MouseEvents"), c=document.createEvent("MouseEvents"), p=document.createEvent("MouseEvents"); d.initMouseEvent("mousedown",true,true,window,0,0,0,0,0,false,false,false,false,0,null); c.initMouseEvent("click" ,true,true,window,0,0,0,0,0,false,false,false,false,0,null); p.initMouseEvent("mouseup" ,true,true,window,0,0,0,0,0,false,false,false,false,0,null); var element =// some selector; element.dispatchEvent(d); element.dispatchEvent(c); element.dispatchEvent(p); 

Answer 4

in javascript

 var event = document.createEvent("Event"); event.initEvent("click", false, true); document.getElementById("blah").dispatchEvent(event); 

equivalent to running jQuery as below

 $('#blah').trigger('click');