万恶IE兼容之input change事件

在做多文件上传时，给input添加change事件，触发AJAX请求，通过formdata进行上传，直到这里都比较中规中矩，高高兴兴获取dom，绑上事件，在chrome，firefox等完美运行~ 结果上午刚弄好，下午测试提bug，上传文件有问题，跑过去一看，原来是上传进度条读满以后，该弹层傲娇矗立，坚挺不退，根据表现定位问题到弹层的打开上，打上两个断点，chrome和IE 双开运行。
果然，chrome小乖乖听话，跑一圈老实听话回家，IE这狗贼，跑完一遍不愿回家，野驴一样又溜了一圈，结果就导致了上传成功关闭弹层后又打开了，且因上传已成功后被我阻断进程，就滞留了下来。
为啥会跑两次呢，原来IE中给input加change事件会被js的操作给触发，而多文件上传时在上传成功后置空了input的值，该操作被认为input值发生了改变，导致change再次触发，知道了原因接下来就好办了。首先，置空操作干掉，通过删除节点再添加模拟置空，避掉了ie的鬼规矩，另外不要忘了动态添加节点普通绑定事件不可用，我这里用的JQ，用on方法进行事件绑定。至此，两个孩子一起高高兴兴出门，同时快快乐乐回家，完美~

万恶IE兼容之input change事件相关推荐

jquery input change事件
input输入框的change事件,要在input失去焦点的时候才会触发 $('input[name=myInput]').change(function() { ... }); 在输入框内容变化的时 ...
jquery 的input change事件
$('input[name=myinput]').change(function(){... }) 上面这种方法要在其他地方点击一下才能触发该事件下面是在其他地方点一下才能触发 $("#i ...
INPUT[type=file]的change事件不触发问题
在网页上要操作文件通常会使用INPUT[type=file]控件,但这个控件的设计很蛋疼.它不像其它编程语言中文件选择后会触发一个事件,只是让上面的文字改变,而这个改变可能会触发change事件而已. ...
html input change,input与change事件区别
input与change事件区别属于前端实例代码,有关更多实例代码大家可以查看. 关于标题中两个事件的具体用法可以参阅如下两篇文章: (1).input事件参阅JavaScript input 事件一 ...
Input type=“file“上传文件change事件只触发一次解决方案
Input type="file"上传文件change事件只触发一次解决方案参考文章: (1)Input type="file"上传文件change事件只触发 ...
html的＜input type='radio'/＞change事件坑
一.坑复现 <div><input type='radio' name='test' value='1' checked/>1<span id='test_a'>a ...
java textvaluechanged 全选删除不触发_js动态改变input的值不触发input的change事件的解决办法...
看了网上的资料也比较杂,自己也做一个整理共享一下解决方案 1.原生js的改变之后手动添加监听 1 2 3 var ttt = document.getElementById("ttt&quo ...
iframe页面改动parent页面的隐藏input部件value值，不能触发change事件。
实现一个依据iframe页面返回充值卡类型不同,安排不同的input部件. 点击选择弹出一个iframe.点击充值卡数据行.返回1.充值卡类型.2.充值卡id(用的UUID).3.充值卡号(字符串). ...
onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法(设置readonly后onchange不起作用的解决方案)
onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法(设置readonly后onchange不起作用的解决方案) 参考文章: (1)onchange监听inpu ...
2016年11月30日 angularJS input=file 绑定change事件
angularJS 之前都没有听说过,刚进公司第一天领导让我自己在网上学习第二天开始帮忙做一点东西,遇到了第一个问题:angularJS 如何绑定file表单的change 上传图片,我不会用ang ...

万恶IE兼容之input change事件

万恶IE兼容之input change事件相关推荐

最新文章

热门文章