event.returnValue和return false的区别

最新推荐文章于 2023-06-10 17:28:29 发布
最新推荐文章于 2023-06-10 17:28:29 发布
阅读量570 收藏
点赞数

 

http://holdbelief.iteye.com/blog/301651

Js代码  收藏代码

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <title>runcode</title>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <meta name="Author" content="Sheneyan" />  
  6. <head>  
  7. <script type="text/javascript">  
  8. function form1(){  
  9. event.returnValue = false;  
  10. }  
  11. function form2(){  
  12. return false;  
  13. }  
  14. </script>  
  15. </head>  
  16. <body>  
  17. <form οnsubmit="form1()">  <!-- 1 -->  
  18. <fieldset><legend>event.returnValue = false</legend> <input  
  19.     type="submit" /></fieldset>  
  20. </form>  
  21. <form οnsubmit="return form2()"> <!-- 2 -->  
  22. <fieldset><legend>return false的正确用法</legend> <input  
  23.     type="submit" /></fieldset>  
  24. </form>  
  25. <form οnsubmit="form2()"> <!-- 3 -->  
  26. <fieldset><legend>return false的错误用法</legend> <input  
  27.     type="submit" /></fieldset>  
  28. </form>  
  29. </body>  
  30. </html>  

 

   三个提交的onsubmit属性都是想让表单提交之前验证，验证失败则不提交表单。第一、二两处做到了，第三出没做到。

   这个只有运行起来才能看到结果

   1处，表单没有提交

   2处，表单没有提交

   3处，表单提交了。这不是希望的

 

event.returnValue的作用就是：当捕捉到事件(event)时，做某些判断，如果判断失败，则阻止当前事件继续运行，这样讲您也许还不是特别理解，我再举一个例子，该例子达到的效果是：不能在一个输入框中输入小数。

FireFox浏览器：

Js代码    收藏代码
  1. <script language="javascript" type="text/javascript">  
  2.     function test(event)  
  3.     {  
  4.         if(event.charCode == 46)  
  5.         {  
  6.             event.preventDefault();  
  7.         }  
  8.     }  
  9. </script>  
  10.   
  11. <input type="text" οnkeypress="test(event)"/>  

 

 IE浏览器：

Js代码    收藏代码
  1. <script language="javascript" type="text/javascript">  
  2.     function test()  
  3.     {  
  4.         if(event.keyCode == 46)  
  5.         {  
  6.             event.returnValue = false;   
  7.         }  
  8.     }  
  9.   
  10. <input type="text" οnkeypress="test()"/>  

 

 请注意两种浏览器的不同之处，在FireFox中event必须作为test()函数的如参传入，而IE不用，这个我在《JavaScript高级程序设计》一书中P233页，9.4.1章节找到如下答案：

    9.4 事件对象

    ...

    你也许已经猜到，IE和DOM是用两种不同的方法实现事件对象的。

 

    9.4.1

    在IE中，事件对象是window对象的一个属性event。也就是说，事件处理函数必须这样访问事件对象：

Js代码    收藏代码
  1. oDiv.onclick = function()  
  2. {  
  3.     var oEvent = window.event;  
  4. }  

   尽管它是window对象的属性，event对象还是只能在事件发生时访问。所有的事件处理函数执行完毕后，事件对象就被销毁。

   DOM 标准则说，event对象必须作为唯一的参数传给事件处理函数。所以，在DOM兼容的浏览器（如：Mozilla，Safari和Opera）中访问事件对象，要这么做：

 

Js代码    收藏代码
  1. oDiv.onclick = function  
  2. {  
  3.     var oEvent = arguments[0];  
  4.     ...  
  5. }  
  6.   
  7. 当然，可以直接命名参数，访问就更方便了：  
  8. oDiv.onclick = function(oEvent)  
  9. {  
  10.     ...  
  11. }  
xiaoxinxiaoxing
关注
JS实现网站内容的禁止复制和粘贴、另存为
黑白的博客
05-17 683
1、使右键和复制失效 方法一： 在网页中加入以下代码： <script language="Javascript"> document.oncontextmenu=new Function("event.returnValue=false"); document.onselectstart=new Function("event.returnValue=false"); ...
event.returnValue=false与event.preventDefault()
weixin_34023982的博客
12-05 188
event.preventDefault()方法是用于取消事件的默认行为，但此方法并不被ie支持，在ie下需要用window.event.returnValue= false; 来实现。 function stopDefault( e ) { if ( e && e.preventDefault ){ e.preventDefault(); } else ...
event.returnvalue = false的使用
weixin_30521649的博客
02-15 960
event.returnvalue false代表不接收事件返回值 <script language="JavaScript"> //Ctrl+s保存 document.onkeydown=function() { if (event.ctrlKey == true && event.keyCode == 83) {//Ctrl+S ...
关于window.event.returnValue=false的用处
weixin_34274029的博客
06-26 406
window.event.returnValue=false放在提交表单中的onclick事件中则不会提交表单，如果放到超链接中则不执行超链接，也就是它禁止了或取消了请求，没有任何效果。 比如： if (confirm("确认要删除订单吗？")) { $.ajax({ alert("YES"); //这里执行动...
event.returnValue=false和return false的用处
emilyRR的专栏
02-19 8483
测试页面的时候，发现一个bug，在360的兼容模式和Ie10（Ie7、8、9没试）下，return false 之后的链接跳转会继续执行，查了资料，将其改为event.returnValue=false就不会了，特此记录代码如下：function btnChangePage() { var numPage = $('#custompage'); var pageTotal = num
网页右键ie不支持event.preventDefault和event.returnValue （需要加window）
09-05
本文将详细讲解在IE浏览器中如何阻止右键点击的默认行为以及`event.preventDefault()`和`event.returnValue`的区别。 `event.preventDefault()`是W3C标准中的一个事件处理方法，它的主要作用是阻止一个事件的默认...
document.oncontextmenu = function () { event.returnValue = false; } document.onselectstart = function () { event.returnValue = false; } document.oncopy = function () { event.returnValue = false; }代码注释，对代码进行解释
06-01
这段代码是用于禁止在网页上鼠标右键点击、禁止选择文本和禁止复制文本的功能。...在这些事件中，通过设置 `event.returnValue` 属性为 `false`，来阻止浏览器执行默认的行为，从而禁止了对应的操作。
js中return false(阻止)的用法
10-27
在JavaScript编程中，`return false`是一个经常被用来阻止默认动作和事件冒泡的关键字。它是`return false;`语句的简写形式，作用于函数或事件处理程序中，可以取消对象的默认动作并阻止事件继续传播。在处理表单...
return false,对阻止事件默认动作的一些测试代码
09-05
测试代码中提供的 `E(e).prevent()` 函数就是这样一个封装，它会根据浏览器的不同特性选择使用 `event.preventDefault()` 或 `event.returnValue = false`。 总结来说，`return false` 在阻止事件默认行为时并不是...
解决firefox不支持window.event.returnValue = false
08-12 8421
1.       火狐中所有使用event相关的代码无法使用. event是IE封装过的全局对象，控制所有事的事件，但是这个对象在火狐中不存在，所以在火狐中无法使用，特别是event.keyCode也是无法取得的。 解决方法： 下面这段JS重新封装了EVENT对
event.returnValue与return false的区别
weixin_44022374的博客
11-23 403
这个event.returnValue与return false的区别通俗易懂的说就是， 在实战中，对表单验证而言，event.returnValue=fasle和return function(){return false}的效果是一样的，都是先对表单的内容进行判断，才决定是否执行下去， 但是，这个return function(){return false}和function(){return false}又是有区别的， 前者是在先对函数的内容的判断上是否执行下去的， 后者则不会进行判断就直接执行下去了
javascript event keycode(转载)
stevenbill的博客
01-28 116
event.keyCode event.keyCode值為37﹐38﹐39﹐40對應按下的方向鍵分別是 左﹐上﹐右﹐下 "javascript:if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;"); if(event.keycode==13)就代表按下的是回车键盘 ...
弹出窗口并返回值,Event/window.Event属性和方法和returnValue的用法
vimly的专栏
06-05 5255
弹出窗口并返回值例子：运行环境：tomcat 6.0.18说明：首页三个input。点击时打开一个模态的窗口，在弹出窗口里点击按钮，会把弹出窗口返回来的值写到相应点击的input 里。index.jsp "> My JSP index.jsp starting page
JS 之 事件Event对象详解（属性、方法、自定义事件）
最新发布
weixin_45092437的博客
06-10 1万+
​ 事件event对象是指在浏览器中触发事件时，浏览器会自动创建一个event对象，其中存储了本次事件相关的信息，包括事件类型、事件目标、触发元素等等。浏览器创建完event对象之后，会自动将该对象作为参数传递给绑定的事件处理函数，我们可以在事件处理函数中通过访问event对象的属性和方法，来获取事件的相关信息，并做出后续的逻辑处理。
window.event.returnValue在IE和FireFox下的兼容写法
Keyboard Knight
01-15 732
function setReturnValueFalse() { if(document.all) { window.event.returnValue = false; } else { event.prev...
event.returnValue已弃用请改用标准event.preventDefault（）
dituirenwu的博客
02-26 1292
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值