.click（）方法，浏览器支持 [英] .click() method, browser support

问题描述

我想使用js方法 .click（），如下所示：

I'd like to use the js method .click() as follows:

document.getElementById(id).click();

但是因为它的工作原理很重要，我想知道什么浏览器支持 .click（）方法。

But since it is essential that it works, I was wondering of what browsers support the .click() method has.

推荐答案

支持 .click（）是Safari。 Safari在按钮（例如< input type =button/> ）上支持 .click（）对于锚元素等其他元素（例如< a href =＃> Click Me< / a> ）。

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>).

对于Safari，您必须使用解决方法：

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);
    }
}

使用上述函数，可以支持90％的浏览器。

Using the above function, you can support 90%+ of browsers.

在IE7-10，Firefox，Chrome和Safari中测试。

Tested in IE7-10, Firefox, Chrome, Safari.

这篇关于.click（）方法，浏览器支持的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！