这种做法是从Bret Taylor的blog上面抄来的,原文地址在这里(好像是,不是也别怪我。)。对于避免ajax应用中不同层的事件干扰很有用的。
先说一下“取消(cancel)”和“停止(stop)”的区别:说白了,停止就是当事件发生后,阻止它自动冒泡到父容器内;而取消则是当冒泡发生到父容器之后停止,也就是不在当前元素中响应。天哪,这东西说起来话长了,代码说话:
function stopEvent(e) {
if (!e) e = window.event;
if (e.stopPropagation) {
e.stopPropagation();
} else {
e.cancelBubble = true;
}
}
var link = document.getElementById("link");
link.onclick = stopEvent;
以上这一段是阻止父容器事件的
function cancelEvent(e) {
if (!e) e = window.event;
if (e.preventDefault) {
e.preventDefault();
} else {
e.returnValue = false;
}
}
var link = document.getElementById("link");
link.onclick = function(e) {
cancelEvent(e);
stopEvent(e);
}
以上这一段是阻止子元素事件的
例子地址在这里:demo
分享到:
相关推荐
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e....
取消浏览器对事件的默认行为(响应)(比如标签的跳转等)并停止事件的继续传播。 实现代码 代码如下: function stopEvent (evt) { var evt = evt || window.event; if (evt.preventDefault) { evt.preventDefault()...
//使用IE的cancelBubble = true来取消事件冒泡 window.event.cancelBubble = true; } 阻止浏览器默认行为-通用方法 //阻止浏览器的默认行为 function stopDefault( e ) { //阻止默认浏览器动作(W3C) if
近期,你会发现一打开IE浏览器就会直接跳转到Microsoft Edge,虽然现在微软已经停止了IE浏览器的服务,但是IE浏览器确是我们一些网站还是要用得到的,接下来几步教你如何快速简单解决这个难题。 IE已经合并进Edge...
它允许在同一窗口内打开任意多个页面,减少浏览器对系统资源的占用率, 提高网页浏览的速度和效率。并集成了IE及FireFox的优秀功能于一体,是一款功能强大和灵活的浏览器。 飞奔浏览器使用说明 网址自动补充: ...
二、事件绑定和取消 1. 事件绑定 添加事件的做法,若出现为同一个节点绑定了同名的事件,会出现覆盖效果。 addEventListener(事件名,事件函数,isBubble) isBubble :默认为false 事件是冒泡机制 true 事件为捕获机制 ...
1.阻止事件冒泡,使成为捕获型事件触发机制. function stopBubble(e) { //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) ...即停止默认事件默认行为. //阻止浏览器的默认行为 functi
方配触摸屏浏览器是一款免费无功能限制专门针对触摸屏一体机应用而开发设计的触摸...5、本软件集成了浏览器的主页、前进、后退、停止、刷新等功能,使触摸屏网页浏览更加方便。 注:本软件运行需要.NET2.0的框架支持。
方配触摸屏浏览器是一款免费无功能限制专门针对触摸屏一体机应用而开发设计的触摸屏客户端,...5、本软件集成了浏览器的主页、前进、后退、停止、刷新等功能,使触摸屏网页浏览更加方便。 注:本软件运行需要.NET2.0的
CTRL+B 在标签栏的最前新建一空白页为第一个标签CTRL+T 关闭当前活动页面CTRL+ALT+W 刷新全部页面CTRL+Q 查看后一页面CTRL+E 锁定当前标签防止其被误关CTRL+U 自动/取消自动刷新网页F12 解锁网页的鼠标左右键Ctrl+...
可以取消单个文件的上传以停止上传进度。 5、可恢复的上传: 可以使用支持Blob API的浏览器恢复中止的上传。 6、批量上传: 大型文件可以使用支持Blob API的浏览器以较小的块上传。 7、客户端图像调整大小: 可以...
方配触摸屏浏览器是一款免费无功能限制专门针对触摸屏一体机应用而开发设计的触摸...5、本软件集成了浏览器的主页、前进、后退、停止、刷新等功能,使触摸屏网页浏览更加方便。 注:本软件运行需要.NET2.0的框架支持。
在关键字域中输入空格,然后选中“只对最近载入的文件”选项使用Ctrl A Ctrl N可以立即选中和取消选中 项目属性|文件过滤中的全部扩展名F11可以切换内置浏览器的全屏模式要保存内置浏览器中的Web页,请按 Ctrl ...
删除空的站点黑名单错误 (40503) * 侧边栏收藏夹的"检查链接"会使所有链接消失 (39870) * 通过某些错误的地址调用 Maxthon 会导致不能完全初始化 (39988) * 取消截图选项后当前和所有页面截图功能失效 ...
YAAK.js(Y等甲诺特尔甲UDIOķ它)是网络浏览器和本地HTML5应用加速平台如CocoonJs和AppMobi一个HTML5开源游戏音频系统。 音频系统源自商业发行的游戏 。 特征 音频加载/缓存 静音/取消静音 标准声音播放和循环播放...
一个简单的脚本,可以在下载管理器 DownThemAll 中启动或停止所有下载! 用于 Firefox 网络浏览器。
但是,当您了解其工作对浏览器事件服务有影响的所有方面时,您将清楚地知道: 做() -不影响行为DoWithPreventDefault( ) -取消事件,使其无效,但不会停止继续传播事件。 注意:它用于Submit表单事件,以防止不...
SWFUpload不同于其他基于Flash构建的上传工具,它有着优雅的代码设计,开发者可以利用XHTML、CSS和JavaScript来随心所欲的定制它在浏览器下的外观;它还提供了一组简明的JavaScript事件,借助它们开发者可以方便的...
npm初始化-y npm我表达ejs socket.io npm我uuid npm我--save-dev nodemon npm i -g对等 ... 要查看输出:在浏览器中搜索localhost:3000 如果您有任何疑问,请使用我的网站问我 嗨,这是我的webrtc