javascript - IE onpropertychange event doesn't fire -


<a href="javascript:void(0)" id="select-handler">select</a> <input type="file" id="real-file-input" style="display:none" />  $('#select-handler').click(function(){     $('#real-file-input').click();  });  $('#real-file-input').bind('propertychange', function(){     alert('changed'); }); 

it's weird when use .click() propertychange won't fired.

actually code works fine in ie7 , 8 me, whenever change value of input type ='file', alert fired. whereas not working in >ie9 versions.

from paulbakaus's blog on propertychange on internet explorer 9

what’s wrong propertychange on ie9?

  1. ie9 doesn’t fire non-standard events when binding them through addeventlistener. every modern js library uses feature detection, including jquery, fail (see also: http://bugs.jquery.com/ticket/8485). “not biggie” say, “simply use attachevent directly” say?

  2. the news: propertychange fires when using attachevent. bad news: refuses fire when modifying css properties on element unknown engine.. “well sucks,” say, “but read can use domattrmodified on ie9!” say?

  3. domattrmodified features same behavior. not fire unknown css properties. complete disaster.

many developers faces same weird behavior.

why want use onpropertychange supported internet explorer?

i rather move on change event handler

$('#real-file-input').bind('change', function(){     alert('changed'); }); 

or if html5 input event handler.

$('#real-file-input').bind('input', function(){     alert('changed'); }); 

Comments

Popular posts from this blog

java - activate/deactivate sonar maven plugin by profile? -

python - TypeError: can only concatenate tuple (not "float") to tuple -

java - What is the difference between String. and String.this. ? -