在输入[type = file]上使用click()时出现问题

Question

我遇到了问题click().它在Opera中不起作用.

我试图input type=file点击onclick另一个元素的事件.我需要设置我的输入type=file元素的样式,所以我让它变得不可见,并用简单的样式按钮替换它.现在我希望在单击按钮时单击文件元素.

我不能使用jQuery,因为我在我的页面中使用MooTools库作为日历,当我尝试使用jQuery时会产生冲突.我也试图避免使用冲突,jQuery.noConflict();但我不能这样做,因为我是jQuery的新手.这是我的HTML代码:

<input name="myfile" id="uploadme" type="file" style="visibility:hidden; width:1px;" onchange="this.form.submit()"/>
<input type="button" id="clickme" onclick="show_upload()"/>

这是我的JavaScript代码:

function show_upload()
{
    document.getElementById('uploadme').click();
}

我也尝试过这个jQuery代码,但是我不能在不与MooTools库发生冲突的情况下使用它:

jQuery.noConflict();
(function($){
    $('#clickme').click(function($){
        $('#uploadme').click();
    })(jQuery);
});

Answer 1

我不确定输入点击（由于安全原因这可能是不可能的），但是您的 jQuery 代码并不完全正确。

jQuery.noConflict();

(function($){
    $('#clickme').click(function(){ // The $ is not necessary - you already have it
        $('#uploadme').click();
    }); // You should remove (jQuery) because you don't want to call the function here
})(jQuery); // you need (jQuery) to actually call the function - you only defined the function

不管怎样，这个答案说你不能在 Opera 中做你想做的事：In JavaScript can I make a "click" event fire programmatically for a file input element?