文档章节

stopPropagation | preventDefault | return false

leona_lily
 leona_lily
发布于 2015/04/10 16:34
字数 183
阅读 8
收藏 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
博文 97
码字总数 39219
作品 0
朝阳
程序员
JS_stopPropagation, preventDefault 和 return false

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

喵王不瞌睡
2014/12/07
0
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
51
0
preventDefault()、stopPropagation()、return false 之间的区别

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

追风_
01/06
0
0
js阻止冒泡和阻止浏览器的默认行为

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

南蓝NL
2017/12/22
0
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
0

没有更多内容

加载失败,请刷新页面

加载更多

微信小程序开发系列六:微信框架API的调用

微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 微信小程序开发系列三:微信小程序的调试方法 微信小程序开发...

JerryWang_SAP
42分钟前
4
0
5 个用 Python 编写 web 爬虫的方法

大家在读爬虫系列的帖子时常常问我怎样写出不阻塞的爬虫,这很难,但可行。通过实现一些小策略可以让你的网页爬虫活得更久。那么今天我就将和大家讨论这方面的话题。 我刚整理了一套2018最新...

糖宝lsh
42分钟前
6
0
docker安装redis、mongodb、mysql等

一、启动docker服务,设置镜像: systemctl start dockervi /etc/docker/daemon.json{ "registry-mirrors": ["https://registry.docker-cn.com"]} 二、下拉镜像: 在镜像中心h...

狼王黄师傅
今天
5
0
deepin系统使用deepin-wine安装exe程序

deepin自带原生deepin-wine使用命令如下: deepin-wine QQBrowser.exedeepin-wine QQMusicSetup.exe 默认安装的快捷方式位置: /root/.wine/drive_c/'Program Files'/Tencent/QQBrowser/......

临江仙卜算子
今天
4
0
快速get到学习Linux操作系统的点

快速get到学习Linux操作系统的点 Linux是一套免费使用和自由传播的类Unix操作系统,是一个基于POSIX和UNIX的多用户、多任务、支持多线程和多CPU的操作系统。Linux能够运行主要的UNIX工具软件...

linuxCool
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部