javascript - jQuery:文件输入元素上的 “change” 事件在 IE 中不会触发，但在 Chrome 中工作

Question

我有一个被点击的文件输入元素，但选择文件后，更改事件在 Internet Explorer 中不会触发，但在 Chrome 中工作正常。

下面是我的代码

file_upload = '<input type="file" id="FileUpload" name="FileUpload" class="btn btn-default fileUploadReader"/>';

$("#FileUpload").change(function () {
    alert("Change Event");
});

Answer 1

问题在于，在 Internet Explorer 中，单选按钮上的 .change() 事件无法正确触发，或者至少其行为与在其他浏览器。

然而，有一个相对简单的方法来解决这个问题，那就是处理 .click() 事件，然后，只需 .blur() 和.focus() 控件 – 这将导致 change() 事件被触发:

$(document).ready(function() {
  $('#FileUpload').click(function () {
        // Cause the change() event

        this.blur();

        this.focus();
   });
  $('#FileUpload').change(function() {

    // Handle .change() event as normal....

  });

});