如何在IE中触发输入点击事件

Question

如何在IE中触发单击事件？它在chrome和FF中运行良好但在IE 8,9,10中不起作用

我的HTML：

<div class="qq-uploader">
    <div class="qq-upload-button"
        style="position: relative; overflow: hidden; direction: ltr;"
        id="sizcache07400451357324745">
        Click here to upload Image
        <input type="file" multiple="multiple" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 450px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;">
    </div>
</div>

jQuery：

$(".qq-upload-button").each(function(){
   $(this).click(function(e){
     $(this).find('input[type="file"]').trigger('click');
     return false;
   });
}); 

Answer 1

您无法以编程方式为所有浏览器中的文件输入元素打开fileupload对话框。有关详细信息，请参阅此answer。

最好通过force使用点击文件上传控件来实现。

您还要在每个循环中向$(".qq-upload-button")添加处理程序，您可以立即通过on方法添加处理程序：

$(".qq-upload-button").on('click', function(e){
    $(this).find('input[type="file"]').trigger('click');
});