https://github.com/mootools/mootools-core/issues/2170
这个问题来自IE(LTE8)中对checkbox和radio change事件的实现问题，在IE(LTE8)中测试下来，当你点击一个checkbox或者radio，它的change事件是不会立即触发，除非你让它失去焦点，而在其他标准浏览器中(包括IE9)，是点击后立即触发change事件的，这的确是个蛋疼的问题，说到解决方法，倒也比较容易，用IE(LTE8)中元素特有的propertychange事件来处理(IE9已经没这玩意儿了)，就能避免上述问题，如：
复制代码 代码如下:
checkEl.attachEvent('onpropertychange', function() {
console.log('hey man, I am changed');
});
但是这样就认为解决了，是不充分的，因为像checkEl.setAttribute('data-value', 'god')这样的操作也会触发其propertychange事件，所以我们需要用其event.propertyName来判断下，如：
复制代码 代码如下:
checkEl.attachEvent('onpropertychange', function() {
if(window.event.propertyName == 'checked')
console.log('blah blah blah...');
});
这样算是可以了。由此展开我又测试了下select，其change事件的表现在不同浏览器中一致，没有出现非要先失去焦点的情况。我又测试了下input[type="text"]，它的change事件是我们所熟悉的，要失去焦点才会触发，那么当我们想让它一输入东西就立即触发呢，参考之前的例子在IE(LTE8)中，我们可以用propertychange来实现，只不过propertyName的条件变成‘value'而已。在其他标准浏览器中(包括IE9)，我们可以用HTML5中的一个标准事件input, 如：
复制代码 代码如下:
inputEl.addEventListener('input', function(event) {
console.log('input event fired');
}, false);
这样我们的每一次输入都会触发此事件，有人会说为什么不用keyup来监听一下, 这里有篇文章(原文链接)对此问题进行了阐述，感兴趣的也可以读读。
这个问题来自IE(LTE8)中对checkbox和radio change事件的实现问题，在IE(LTE8)中测试下来，当你点击一个checkbox或者radio，它的change事件是不会立即触发，除非你让它失去焦点，而在其他标准浏览器中(包括IE9)，是点击后立即触发change事件的，这的确是个蛋疼的问题，说到解决方法，倒也比较容易，用IE(LTE8)中元素特有的propertychange事件来处理(IE9已经没这玩意儿了)，就能避免上述问题，如：
复制代码 代码如下:
checkEl.attachEvent('onpropertychange', function() {
console.log('hey man, I am changed');
});
但是这样就认为解决了，是不充分的，因为像checkEl.setAttribute('data-value', 'god')这样的操作也会触发其propertychange事件，所以我们需要用其event.propertyName来判断下，如：
复制代码 代码如下:
checkEl.attachEvent('onpropertychange', function() {
if(window.event.propertyName == 'checked')
console.log('blah blah blah...');
});
这样算是可以了。由此展开我又测试了下select，其change事件的表现在不同浏览器中一致，没有出现非要先失去焦点的情况。我又测试了下input[type="text"]，它的change事件是我们所熟悉的，要失去焦点才会触发，那么当我们想让它一输入东西就立即触发呢，参考之前的例子在IE(LTE8)中，我们可以用propertychange来实现，只不过propertyName的条件变成‘value'而已。在其他标准浏览器中(包括IE9)，我们可以用HTML5中的一个标准事件input, 如：
复制代码 代码如下:
inputEl.addEventListener('input', function(event) {
console.log('input event fired');
}, false);
这样我们的每一次输入都会触发此事件，有人会说为什么不用keyup来监听一下, 这里有篇文章(原文链接)对此问题进行了阐述，感兴趣的也可以读读。
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“js change,propertychange,input事件小议”评论...
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。