javascript element.click() 问题 Safari

Question

单击 'subButton2' 按钮时，'uploadBtn'（显示：none;）被单击。

据此应该是跨浏览器的：

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_html_click

这是我在 chrome、opera 和 firefox 中运行但在 safari 中失败的代码：

var page = window.location.toString();
if(page.indexOf('register') !== -1){
    var subButton2 = document.getElementById("subButton2");
    subButton2.onclick = function () {
        var uploadBtn = document.getElementById("fileBtnHide");
        //THIS FAILS IN SAFARI IF uploadBtn style= display:none;
        uploadBtn.click();
    };
 };

***只有javascript，没有jquery解决方案，请

运行时间： http://monkey-me.herokuapp.com/register

照片按钮是触发第二个按钮的按钮。

Answer 1

与其将其设置为显示 none（Safari 可能将其解释为已禁用），不如将其与其他一些 css 属性一起隐藏。

#fileBtnHide {
    height: 0;
    width: 0;
    opacity: 0;
    position: absolute;
}

javascript element.click() 问题 Safari

javascript element.click() issue Safari

javascript

safari

cross-browser