.click（）方法，瀏覽器支持

Question

我想使用js方法.click() ，如下所示：

document.getElementById(id).click();

但是，因為它必須能夠正常工作，所以我想知道哪些瀏覽器支持.click()方法。

Answer 1

我遇到的唯一不支持.click()瀏覽器是Safari。 Safari在按鈕（例如<input type="button" /> .click()上支持.click() ，但在錨元素（例如<a href="#">Click Me</a> ）之類的其他元素上則不支持。

對於Safari，您必須使用一種解決方法：

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％以上的瀏覽器。

在IE7-10，Firefox，Chrome，Safari中測試。

Answer 2

根據MDN的說法，Chrome 20 +，Firefox 5+和Safari 6+支持HTMLElement.click() 。 但這可能是不准確的 。

Answer 3

我遇到了這個問題，並用它代替了$('#selector').click(function(){}); ，用於(document).on('click','#selector',function(){});