<分区>
标签 javascript jquery css
<分区>
我需要为图像添加 onclick
事件,这样当我点击图像时它会触发文件打开对话框。但它在 IE10 中不起作用。
$("#button").on("click",function(){
$("#upload").trigger("click");
});
#upload{
opacity: 0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<img id="button" src="http://www.kafkabrigade.org.uk/wp-content/uploads/2011/07/button-pic.jpg" />
<input id="upload" type="file" >
最佳答案
好的,我在最新的 FF、Opera、Chrome、IE8、IE9、IE10、IE11 中对此进行了测试。它无处不在。
HTML:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="file" />
<img id="button" src="http://www.kafkabrigade.org.uk/wp-content/uploads/2011/07/button-pic.jpg" />
jQuery:
$('#button').click(function() {
$('input[type=file]').trigger('click');
});
$('input[type=file]').change(function() {
$('input[type=text]').val($(this).val());
});
CSS:
input[type=file] {
display: block;
height: 0;
width: 0;
}
关于javascript - 触发点击事件在 IE10 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31230000/
相关文章:
javascript - 我无法在 IE7 上获取 window.innerHeight。怎么修?
javascript - 如何将 cookie 从一个域添加到域文件夹中的其他域
javascript - 如何在 Imacros 中每 6 次迭代后转到新行
javascript - 物化 CSS : How to prevent default behaviour for Collapsibles?
jquery - Ajax 错误: function called even when request status is 200
javascript - Vaadin 和独立 JavaScript 事件
javascript - 我需要这些按钮来控制显示哪个 div 或 "on top"
css - 使用字体变体 : small caps & text-transform: capitalize 时,Firefox 显示其中带有 x 的框