时间:2021-07-01 10:21:17 帮助过:35人阅读
test.onkeydown = function(){
return false;
}
test.onkeyup = function(){
return false;
}
test.onkeypress = function(){
return false;
}
我们分别注释掉其中的两个事件,每次测试仅绑定一个事件。
很明显我们每个函数都返回false,如果返回值可以阻止事件默认动作,那么文本框将无法输入任何内容。
看下面我测试的结果,注意红的部分。
最后我分别把事件绑定两次,每次返回false看是否能阻止默认动作。
还是用了一个a标记测试onclick 返回false 是否跳转。
侦听事件返回 false 是否阻止事件默认动作 | |||||
---|---|---|---|---|---|
chrome | IE-8 | firfox | oper | Safari | |
onkeydown | yes | yes | yes | no | yes |
onkeyup | no | no | no | no | no |
onkeypress | yes | yes | yes | yes | yes |
onclick | yes | yes | yes | yes | yes |
keydown * 2 | no | 取最后的FN结果 | no | no | no |
keypress * 2 | no | 取最后的FN结果 | no | no | no |
click * 2 | no | 取最后的FN结果 | no | no | no |
e.preventDefault(); | yes | no | yes | yes(keydown:no) | yes |
e.returnValue = false | no | yes | no | no | no |
/* * 用下面的代码就不会发生悲剧了
* 最终结论
* E(e).stop(); 阻止时间冒泡
* E(e).prevent();阻止时间默认行为
*/
var E = function(e){
e = window.event || e;
return {
stop: function() {
if (e && e.stopPropagation) e.stopPropagation();
else e.cancelBubble = true
},
prevent: function() {
if (e && e.preventDefault) e.preventDefault();
else e.returnValue = false
}
}
}