.change 在 IE9 中表现怪异

Question

所以我有一个这样的表单提交设置

<button>edit a photo</button>
<form style="visibility: hidden;">
  <input type="file" id="file" name="file" val=""/>
  <input type="submit" name="submit">
</form>

我的 javascript 看起来像这样

$("#edit-button").click(function() {
  $("#file").click();
});

$("#file").change(function() {
  //submit form
});

起初我以为 IE9 可能无法识别来自 Jquery 的 .change 事件，但是我注意到如果取消隐藏我的表单并直接单击它，则会触发更改功能。如果我使用编辑按钮来激活浏览，那么即使更改了 .change 也不起作用。

我猜当我单击文件输入的“浏览”按钮时，它不会像 $("#file").click() 那样被读取。有谁知道解决这个问题的方法吗？

Answer 1

我猜测这是因为您的处理程序没有被绑定到不可见的表单（有时就是这种情况）。

试试：

// document or some other container
$(document).on("change", "#file", function () {
    //submit form
});