I'd like to use the js method .click() as follows:
document.getElementById(id).click();
But since it is essential that it works, I was wondering of what browsers support the .click() method has.
Asked
Active
Viewed 5,596 times
9
don
- 4,113
- 13
- 45
- 70
-
2If you are really worried about cross-browser compatability, then I'd suggest using a JS library like jQuery. – gen_Eric Oct 30 '12 at 14:52
-
Do you know what could replace the `.click()` method in jQuery? – don Oct 30 '12 at 14:58
-
2The [`.click`](http://api.jquery.com/click/) method :-) – gen_Eric Oct 30 '12 at 15:02
-
Are you talking about `.onclick()`? This is native javascript to bind a click event and is supported in all major browsers. – Andrew Klatzke Jan 22 '13 at 20:55
3 Answers
4
The only browser I have encountered that does not support .click() is Safari. Safari supports .click() on buttons (e.g. <input type="button" />) but not on other elements such as anchor elements (e.g. <a href="#">Click Me</a>).
For Safari, you have to use a workaround:
function click_by_id(your_id)
{
var element = document.getElementById(your_id);
if(element.click)
element.click();
else if(document.createEvent)
{
var eventObj = document.createEvent('MouseEvents');
eventObj.initEvent('click',true,true);
element.dispatchEvent(eventObj);
}
}
Using the above function, you can support 90%+ of browsers.
Tested in IE7-10, Firefox, Chrome, Safari.
Alex W
- 37,233
- 13
- 109
- 109
-
Totally correct, even if an old question, I was still having troubles with safari and click() free days ago in a small project I was working on – don May 07 '14 at 06:33
0
According to MDN, HTMLElement.click() is supported by Chrome 20+, Firefox 5+ and Safari 6+. But that might be inaccurate.
0
I had this problem and used it instead of $('#selector').click(function(){});
, used (document).on('click','#selector',function(){});
