jQuery：IEでファイル入力要素の「変更」イベントが発生しませんが、Chromeで動作します

Question

ファイル入力要素がクリックされましたが、ファイルを選択した後、変更イベントはInternet Explorerでは発生しませんが、 。以下は

は私のコードです

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.... 

    }); 

});