哪些浏览器支持在input [type =“file”]元素上触发click事件?

时间:2011-10-26 15:50:16

标签: javascript javascript-events

根据https://developer.mozilla.org/en/Using_files_from_web_applications

  

从Gecko 2.0开始(Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1),   你可以隐藏丑陋的文件元素,并呈现你的   自己的界面,用于打开文件选择器并显示哪个文件或   用户选择的文件。

使用类似的东西(使用jQuery):

$('a.upload').click(function(e) {
  e.preventDefault();
  $('input[type="file"]').click();
});

我不是在问其他更好的方法。我想知道其他浏览器支持输入文件的click事件是什么意思?

2 个答案:

答案 0 :(得分:1)

firefox 3.2+版本不支持AFAIK,因为如果隐藏文件输入存在一些安全问题,Chrome和我支持的支持 这就是人们触发点击将文件输入直接放在假元素后面的原因

答案 1 :(得分:0)

我运行了一个使用display:none隐藏原始文件输入的测试,并使用jQuery在触发按钮上运行click事件。

至少适用于:IE7及更高版本,FF 4.0及更高版本,Safari 4.0及更高版本(Win),Chrome 14.0及更高版本。 是否适用于:FF 3.6及更早版本。