时间:2021-05-26
首先页面上有一个 <textarea id="test"></textarea>
我们为其绑定以下事件
复制代码 代码如下:
test.onkeydown = function(){
return false;
}
test.onkeyup = function(){
return false;
}
test.onkeypress = function(){
return false;
}
我们分别注释掉其中的两个事件,每次测试仅绑定一个事件。
很明显我们每个函数都返回false,如果返回值可以阻止事件默认动作,那么文本框将无法输入任何内容。
看下面我测试的结果,注意红的部分。
最后我分别把事件绑定两次,每次返回false看是否能阻止默认动作。
还是用了一个a标记测试onclick 返回false 是否跳转。
侦听事件返回 false 是否阻止事件默认动作chromeIE-8firfoxoperSafarionkeydownyesyesyesnoyesonkeyupnononononoonkeypressyesyesyesyesyesonclickyesyesyesyesyeskeydown * 2no取最后的FN结果nononokeypress * 2no取最后的FN结果nononoclick * 2no取最后的FN结果nononoe.preventDefault();yesnoyesyes(keydown:no)yese.returnValue = falsenoyesnonono
可以看出浏览器表现确实不太一样,当然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
}
}
}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1、通过返回false来取消默认的行为并阻止事件起泡。jQuery代码:$("form").bind( "submit", function(){ r
在一些应用中,有时我们提交表单内容如(密码)重要信息时,为了安全,需要阻止一些复制剪切和粘贴事件,今天做了一个简单的例子有关阻止复制剪切和粘贴事件:复制代码代码
注意使用preventDefault防止浏览器的默认事件操作发生复制代码代码如下:varisDrag=false;functionisIE(){if(navig
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。1..停止事件冒泡JavaScript代码//如果提供了事件对
还是一样,先上代码:复制代码代码如下:varf=functiong(){return1;};if(false){f=functiong(){return2;};