javascript - Listen to change event in Internet Explorer -

addeventlistener input file select in ie 9 , 10 should trigger after file selection triggers after second time file select, means first time if no files selected first select wont trigger , after every file selection listener event triggers (if different file selected). code snippet:

html

<input type="file" name="imagefile" id="upload"> 

javascript

var file = document.getelementbyid("upload"); file.addeventlistener("change", handlefileselect, false);  function handlefileselect(event) {     alert("file selected"); } 

the code runs fine in firefox , chrome has problem ie.

old ie versions not support .addeventlistener() method, has .attachevent() method instead add events elements.

use following addevent method

function addevent(evnt, elem, func) {    if (elem.addeventlistener)  // w3c dom       elem.addeventlistener(evnt,func,false);    else if (elem.attachevent) { // ie dom       elem.attachevent("on"+evnt, func);    }    else { // no       elem[evnt] = func;    } }  var file = document.getelementbyid("upload"); addevent('change', file, handlefileselect)