文档章节

stopPropagation | preventDefault | return false

leona_lily
 leona_lily
发布于 2015/04/10 16:34
字数 183
阅读 6
收藏 0
点赞 0
评论 0
stopPropagation()

// 在弹出对话框上点击时, 不进行任何页面操作, 并阻止冒泡

   document.getElementById('dialog').onclick= function(ev) { ev.stopPropagation();};

   ie下是 ev.cancelBubble = false;

  自理解:阻止其他事件

  preventDefault()

<a id="link" href="http://w3c.org">W3C 首页链接</a> 

<script>

// 在新窗口, 打开页面

document.getElementById('link').onclick = function(ev) {

// 阻止浏览器默认动作 (页面跳转)

ev.preventDefault();

// 在新窗口打开页面

window.open(this.href); };

</script>

  自理解:阻止比如a标签里面默认的href跳转这样的行为,就是阻止默认的行为操作

return false

  自理解:阻止事件接下来的操作,针对某一事件而言


--------------end------

function cancelBubble(evt) {
    // 阻止事件冒泡
    if (window.event) {
        // Chrome,IE6,Opera
        window.event.cancelBubble = true;
    } else {
        // FireFox 3
        evt.stopPropagation();
    }
}




© 著作权归作者所有

共有 人打赏支持
leona_lily
粉丝 9
博文 91
码字总数 37848
作品 0
朝阳
程序员
JS_stopPropagation, preventDefault 和 return false

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

喵王不瞌睡 ⋅ 2014/12/07 ⋅ 0

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 ⋅ 0

阻止事件冒泡和浏览器的默认行为

javascript 1.阻止事件冒泡,使成为捕获型事件触发机制. function stopBubble(e) { //如果提供了事件对象,则这是一个非IE浏览器if ( e && e.stopPropagation ) //因此它支持W3C的stopPropaga...

JellyFlower ⋅ 2014/06/27 ⋅ 0

jQuery事件处理: 别再乱用“return false”了

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

索隆 ⋅ 2012/09/18 ⋅ 1

preventDefault()、stopPropagation()、return false 之间的区别

“return false”之所以被误用的如此厉害,是因为它看起来像是完成了我们交给它的工作,浏览器不会再将我们重定向到href中的链接,表单也不会被继续提交,但这么做到底有什么不对呢? 可能在...

追风_ ⋅ 01/06 ⋅ 0

js阻止冒泡和阻止浏览器的默认行为

防止冒泡 举一个例子,就是在子元素当中触发click事件,它的父元素有click事件的话,也会被触发,我们就需要用event.stopPropagation来防止冒泡。Ie使用的是cancelBubble,w3c使用的是stopP...

南蓝NL ⋅ 2017/12/22 ⋅ 0

js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器) ...

在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1.阻止浏览器的默认行为 [java] function stopDefault(e) { //如果提供了事件对象,...

肖文锋 ⋅ 2012/07/13 ⋅ 0

用jquery解决事件冒泡

1.什么是事件冒泡: 页面上有好多事件,也可以多个元素响应一个事件.假如: <BODY onclick="alert('aaa');"> <div onclick="alert('bbb');"> <a href="#" class="cooltip" title="这是我的超链......

元来元去 ⋅ 2010/11/26 ⋅ 1

Javascript 跨浏览器事件

前一段时间的javascript中的一些东西忘的差不多了,回顾了些许,发现有些东西很有价值需要记录,主要就是关于css和跨浏览器(IE)的问题。 Dom操作css 没什么新奇的,有两个地方需要特别说明,...

脑丨残 ⋅ 2014/01/04 ⋅ 0

javascript事件兼容处理以及时间冒牌、捕获

/cancelBubble阻止事件冒泡 function cancelBubble(ev){ var ev=ev||window.event; if(ev.stopPropagation){ ev.stopPropagation(); }else{ ev.cancelBubble=true; } } //获取样式 function......

梦想代码 ⋅ 2017/12/18 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

R计算IV

参考文章 #读取文件 rawdata = read.csv("/path/to/csv/file",header=T) colnames(rawdata)[18] <- "y" //重命名因变量y #数据分区 训练集测试集 trainIdx <- sample(nrow(rawdata), round(......

火力全開 ⋅ 9分钟前 ⋅ 0

SQL老司机,在SQL中计算 array & map & json数据

摘要: 场景 通常,我们处理数据,一列数据类型要么是字符串,要么是数字,这些都是primitive类型的数据。 场景 通常,我们处理数据,一列数据类型要么是字符串,要么是数字,这些都是primi...

阿里云云栖社区 ⋅ 9分钟前 ⋅ 0

SQL老司机,在SQL中计算 array & map & json数据

摘要: 场景 通常,我们处理数据,一列数据类型要么是字符串,要么是数字,这些都是primitive类型的数据。 场景 通常,我们处理数据,一列数据类型要么是字符串,要么是数字,这些都是primi...

猫耳m ⋅ 20分钟前 ⋅ 0

关于ireport自定义变量类型为list的时候

自己摸石头过河,我真的应该去趟市中心图书馆,借本真正靠谱的教材 网上的东西,只有0.01%是有用的,还有0.99%是垃圾,剩下的99%是垃圾的复制品。。 哎!~ 问题是这样的,报表带sql,从db中获...

炑炑milina ⋅ 21分钟前 ⋅ 0

Spring mvc ContextLoaderListener 原理解析

对于熟悉Spring MVC功能,首先应从web.xml 开始,在web.xml 文件中我们需要配置一个监听器 ContextLoaderListener,如下。 <!-- 加载spring上下文信息,最主要的功能是解析applicationContex...

轨迹_ ⋅ 21分钟前 ⋅ 0

阿里云发布企业数字化及上云外包平台服务:阿里云众包平台

摘要: 阿里云正式发布旗下众包平台业务(网址:https://zhongbao.aliyun.com/),支持包括:网站定制开发,APP、电商系统等软件开发,商标、商品LOGO、VI、产品包装设计、营销推广、大数据人...

阿里云官方博客 ⋅ 23分钟前 ⋅ 0

Redis安装异常解决办法

官网地址:http://redis.io/ 官网下载地址:http://redis.io/download 1. 下载Redis源码(tar.gz),并上传到Linux 2. 解压缩包:tar zxvf redis-2.8.17.tar.gz 3. 进入解压缩后的文件夹:c...

slagga ⋅ 27分钟前 ⋅ 0

006. 深入JVM学习—年轻代

1. 年轻代图片 年轻代(Young)属于JVM堆内存空间的一个组成部分 所有使用关键字new新实例化的对象一定会在伊甸园区进行保存,而对于存活区保存的一定是已经在伊甸园区存在一段时间并且经过了...

影狼 ⋅ 28分钟前 ⋅ 0

如何成为一个合格的程序员

偶尔的,我会被人问道:如何成为一名优秀的程序员,更或者,如何成为一名程序员。每次人们问起,我都力图给出不同的答案。因此,我的答案是各种各样的。下面就是我认为的成为一名优秀的程序员...

柳猫 ⋅ 29分钟前 ⋅ 0

cups error_log日志暴增

日志内容 File \"/usr/lib/cups/notifier/dbus\" has insecure permissions 解决(未验证适用范围) sudo service cups stopsudo rm /etc/cups/subscriptions.conf*sudo rm -r /var/cac......

一介码夫_Hum ⋅ 33分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部