return false,对阻止事件默认动作的一些测试代码
2010-11-17 00:00
253 查看
首先页面上有一个 <textarea id="test"></textarea>
我们为其绑定以下事件
我们分别注释掉其中的两个事件,每次测试仅绑定一个事件。
很明显我们每个函数都返回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
可以看出浏览器表现确实不太一样,当然IE是最麻烦的东西了。
最意外的是在oper中 绑定down 返回false,居然也不能阻止默认动作。
所以以后在写要阻止浏览器默认动作的时候,还用标准的方法比较好。(后面我提供了)
不然在多人协作的工作中,会相当麻烦。
演示的deom 有需要的可以发邮件给我。我就不贴上来了。
我们为其绑定以下事件
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
可以看出浏览器表现确实不太一样,当然IE是最麻烦的东西了。
最意外的是在oper中 绑定down 返回false,居然也不能阻止默认动作。
所以以后在写要阻止浏览器默认动作的时候,还用标准的方法比较好。(后面我提供了)
不然在多人协作的工作中,会相当麻烦。
演示的deom 有需要的可以发邮件给我。我就不贴上来了。
/* * 用下面的代码就不会发生悲剧了 * 最终结论 * 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 } } }
相关文章推荐
- return false,对阻止事件默认动作的一些测试代码
- 【分享】return false,对阻止事件默认动作的一些测试
- 阻止事件冒泡,阻止默认事件,event.stopPropagation()和event.preventDefault(),return false的区别
- js 阻止事件冒泡和默认行为 preventDefault、stopPropagation、return false
- 阻止事件冒泡,阻止默认事件的代码
- 阻止事件冒泡和组阻止默认事件和return false的区别
- js 阻止事件冒泡和默认行为 preventDefault、stopPropagation、return false
- 滚轮事件的防冒泡、阻止默认行为的代码(效果是:只让当前div滚动,连当前文档都不滚动的效果)
- 五,事件对象、阻止浏览器默认动作、阻止事件冒泡
- js 停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
- js阻止浏览器的默认行为以及停止事件冒泡
- js onclick="return test()"事件返回值,对有些事件,会影响默认动作的执行。如:onclick和onsubmit
- 事件冒泡和默认行为阻止
- JS阻止冒泡事件和默认事件(IE和其他浏览器兼容)
- 一些Arduino 测试代码
- 缓冲区的一些测试代码
- 阻止事件的默认行为,例如click <a>后的跳转~
- 如何改变maven项目的pom文件中默认的主代码目录 以及默认的测试代码目录?
- 动作编辑器(Cocos2dx)制作流程详解及附上响应鼠标滚轴事件、反转坐标系、导入/创建资源目录等知识点代码
- 防止事件冒泡和阻止默认事件的兼容写法