六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

按钮事件onclick return false的解释

Admin | 2016-3-4 7:24:52 | ReadNums | 2679 | 标签 网页制作 | 打印本页
     

  有时候我们根据需要会在网页中的按钮事件中加入return false,那么,这个return false到底是什么意思,有使用作业呢?

  return false不是取消事件冒泡,而是取消“浏览器默认行为”。

  比如一个链接:<a href="https://www.xxx.com">文字链接</a>

  当我们点击这个链接时,浏览器会自动跳转到:www.xxx.com这个地址,这是浏览器的默认行为。

  相反,如果我们这么做:<a href="https://www.xxx.com" onclick="return false">文字链接</a>

  那么再次点击这个链接时,浏览器则不会进行跳转。

  具体的应用,我们可以看有功能按钮的部分。

  假设存在如下的表单及按钮及事件:

  <form name="form1"  onsubmit="return Webfunction();">......</form>

  <input type="submit" onclick="Buttonfunction(); return false;" />

  而JS部分如下:

  <script>
  function Webfunction()
  {
   alert("页面事件");
  }

  function Buttonfunction()
  {
   alert("按钮事件");
  }

  </script>

  现在来看结果。

  假设第一种情况:<input type="submit" onclick="Buttonfunction();" /> 注意,此时没有return false;,那么,当点击页面中的按钮时,先是触发弹出“按钮事件”,然后接着弹出“页面事件”的提示,这说明,点击按钮触发按钮事件,之后还会自动触发表单事件。

  假设第二种情况:<input type="submit" onclick="Buttonfunction(); return false;" /> 注意,此时有return false;,当点击按钮后,只会弹出“按钮事件”的提示,而不会弹出“页面事件”的提示,这说明,页面事件被取消了。


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日