zoukankan      html  css  js  c++  java
  • [转!]jQuey中的return false作用是什么

    jQuey中的return false作用是什么:

    在众多的语句中都有return false的使用,当然对于熟悉它的开发者来说,当然是知根知底,知道此语句的作用,当然也就知道在什么时候使用此语句,不过对于初学者可能未必掌握的很清晰明了,下面通过实例介绍一下return false语句的作用。
    return语句的作用一般是返回函数值,并不再执行下面的语句,直接跳到函数调用的地方,另外还有一个重要的作用,那就是取消默认事件行为的发生。
    代码实例如下:

    复制代码
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="author" content="http://www.softwhy.com/" />
    <title>蚂蚁部落</title>
    <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function(){ 
    $("a").click(function(){ 
       return false; 
    }) 
    }) 
    </script> 
    </head> 
    <body> 
    <div id="first"> 
    <div id="second"> 
      <a id="third" href="http://www.softwhy.com">链接</a> 
    </div> 
    </div> 
    </body> 
    </html>
    复制代码

    从以上代码可以看出,点击链接之后并没有跳转到www.softwhy.com首页,这是因为return false能够阻止浏览器的默认行为,比如点击超链接就会实现网页跳转就是浏览器的默认行为。下面再看一个表单验证的例子:

    复制代码
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="author" content="http://www.softwhy.com/" />
    <title>蚂蚁部落</title>
    <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function(){ 
      $(":submit").click(function(){ 
        if($("#username").val()=="") 
        { 
          alert("用户名不能为空!"); 
          $("#username").focus(); 
          return false; 
        } 
        if($("#pw").val()=="") 
        { 
          alert("密码不能为空!"); 
          $("#pw").focus(); 
          return false; 
        } 
      }) 
    }) 
    </script> 
    </head> 
    <body> 
    <form action="http://www.softwhy.com" name="myform"> 
    <ul> 
      <li>用户名:<input type="text" id="username" /></li> 
      <li>密码:<input type="password" id="pw" /></li> 
      <li><input type="submit" value="提交表单"></li> 
    </ul> 
    </form> 
    </body> 
    </html>
    复制代码

    以上代码中,每一个判断语句的最后都添加了return false语句,如果用户名或者密码为空的话,则会弹出提示框,如果没有return false语句的话,那么尽管还能够弹出提示框,但是表单依然会被提交,因为点击提交表单就是点击提交按钮的默认事件行为。

    原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=5827

  • 相关阅读:
    webstorm和git安装后,terminal输入git命令,提示'git' 不是内部或外部命令
    Vue中beforeRouterEnter和beforeRouteLeave的应用
    对象数组,对比多个数组的相同子元素并筛选
    应用canvas绘制动态时钟--每秒自动动态更新时间
    opacity 与rgba区别
    js对象的合并
    小程序wx.navigateTo和wx.redirectTo 都无效
    点赞博客园
    英语学习方法
    JAVA编程思想——分析阅读
  • 原文地址:https://www.cnblogs.com/htuthf/p/5054588.html
Copyright © 2011-2022 走看看