How to simulate a click with JavaScript?

Question

I'm just wondering how I can use JavaScript to simulate a click on an element.

Currently I have:

function simulateClick(control) {   if (document.all) {     control.click();   } else {     var evObj = document.createEvent('MouseEvents');     evObj.initMouseEvent('click', true, true, window, 1, 12, 345, 7, 220, false, false, true, false, 0, null );     control.dispatchEvent(evObj);   } } 

<a href="http://www.google.com" id="mytest1">test 1</a><br>  <script type="text/javascript">     simulateClick(document.getElementById('mytest1')); </script> 

But it's not working :(

Any ideas?

Answer 1

What about something simple like:

document.getElementById('elementID').click(); 

Supported even by IE.

Answer 2

Here's what I cooked up. It's pretty simple, but it works:

function eventFire(el, etype){   if (el.fireEvent) {     el.fireEvent('on' + etype);   } else {     var evObj = document.createEvent('Events');     evObj.initEvent(etype, true, false);     el.dispatchEvent(evObj);   } } 

Usage:

eventFire(document.getElementById('mytest1'), 'click');