文档章节

click事件中return false的含义

Sohnny
 Sohnny
发布于 05/17 09:20
字数 258
阅读 2
收藏 0

偶然看到一段jquery的click事件的回调函数中出现'return false;'的字样,比较疑惑,所以google了一下。

$('xxx').on('click', function() {
    xxx
    xxx
    ...
    return false;
});

在stackoverflow中找到了一段清楚的解释。

当在函数中有出现'return false'时,表示事件处理阻止了默认的事件行为并停止了事件通过dom向上冒泡。

等价于:

$('xxx').on('click', function(event) {
    ...
    ...
    event.preventDefault();//阻止事件的默认行为
    event.stopPropagation();//阻止该dom节点往上冒泡
})

举个例子:

如果xxx是一个a标签,那它的默认行为是跳转,当设置了return false;时,它就不会跳转。



作者:JohnsonChe
链接:https://www.jianshu.com/p/89a8fafd4b35
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

本文转载自:https://www.jianshu.com/p/89a8fafd4b35

Sohnny
粉丝 4
博文 21
码字总数 4619
作品 1
西安
程序员
私信 提问
jQuery事件处理: 别再乱用“return false”了

可能在你刚开始学习关于jQuery事件处理时,看到的第一个例子就是关于如何阻止浏览器执行默认行为,比如下面这段演示click事件的代码: view plaincopy to clipboardprint? $("a.toggle").cl...

索隆
2012/09/18
0
1
JS_stopPropagation, preventDefault 和 return false

因为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是 stopPropagation(), prevent...

喵王不瞌睡
2014/12/07
0
0
Android 触摸事件分发ViewGroup&View

做笔记用,方便以后糊涂了,过来看看: 贴代码的话就太多了,但是不贴又怕以后看不明白: 子View import android.content.Context;import android.util.AttributeSet;import android.util.Lo...

Drealin
2013/06/19
0
0
jQuery中关于超链接click点击事件的注意点

A.单击事件: 示例代码1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1......

有熊在飛
2013/05/29
0
1
jQuery中return false,e.preventDefault(),e.stopPropa

e.stopPropagation()阻止事件冒泡 <head> <title></title> <script src="Scripts/jQuery-1.4.1.js" type="text/JavaScript"></script> </head> <body> <table> <tr> <td><span>冒泡事件测试<......

张悟空
2016/04/22
51
0

没有更多内容

加载失败,请刷新页面

加载更多

访问LNMP虚拟主机出现报错:No input file specified.

之前一直是使用lnmp一键包,但是访问创建的虚拟主机,并没有出现过的错误:No input file specified. 网上的文章很多,但是都是转载,而且原因也很多,根本不适用 后面在lnmp一键包官网找到解...

wenzhizhong
21分钟前
1
0
OSChina 周三乱弹 —— 你还能管得住观众愿意看谁吗

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @宇辰OSC :分享李宗盛的单曲《凡人歌 (电视剧《碧海情天》主题曲)》:你我皆凡人,生在人世间#今日歌曲推荐# 《凡人歌 (电视剧《碧海情天》主...

小小编辑
44分钟前
292
11
Inf2Cat, signability test failed vc2019 wdk驱动sys build签名

解决问题的方法非常简单,只要让Inf2Cat验证的时候使用local时间就可以了。打开package工程的属性,在inf2cat工具的属性中进行设置。

simpower
今天
3
0
LinkedHashMap 是如何保证有序的?

//map的遍历方法如下 for (Map.Entry<String,Integer> entry : map.entrySet()) { System.out.println(entry.getKey()+":"+entry.getValue()); } HashMap#entry......

暗中观察
今天
3
0
Linux的基本命令

目录的操作命令(增删改查) 增: mkdir 目录名称; 查: ls 可以看到该目录下的所有的目录和文件 ls -a,可以看到该目录下的所有文件和目录,包括隐藏的 ls -l,可以看到该目录下的所有目录和...

凹凸凸
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部