var el = window.document.getElementById("a");el.onclick = function (e) {//如果提供了事件对象,则这是一个非IE浏览器if (e && e.stopPropagation) {//因此它支持W3C的stopPropagation()方法e.stopPropagation();}else {//否则,我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true;return false;}}

2>js阻止默认事件
 var el = window.document.getElementById("a");el.onclick = function (e) {//如果提供了事件对象,则这是一个非IE浏览器if (e && e.preventDefault) {//阻止默认浏览器动作(W3C) e.preventDefault();}else {//IE中阻止函数器默认动作的方式 window.event.returnValue = false;return false;}}

 3>jQeury阻止默认和冒泡事件

阻止冒泡事件

            $("a").click(function (e) {e.stopPropagation();});

阻止默认事件

            $("a").click(function (e) {e.preventDefault();});

阻止默认和冒泡事件

            $("a").click(function (e) {return false;});

转载于:https://www.cnblogs.com/zhangao/p/10153880.html

js /jquery停止事件冒泡和阻止浏览器默认事件相关推荐

  1. js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 转载...

    js添加事件.移除事件.阻止冒泡.阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 网上有关这方面的代码比较多而乱,这里整理一下并加以改进. 添加事件 01    var addEvent = ...

  2. vue阻止浏览器默认事件

    项目中遇到长按.鼠标右键等操作时,会出发浏览器的默认事件,这时候我们要阻止浏览器默认事件,在vue中阻止默认事件,可以使用 @contextmenu.prevent=""实现

  3. JavaScript停止冒泡和阻止浏览器默认行为

    原文链接:http://caibaojian.com/javascript-stoppropagation-preventdefault.html 事件兼容 function myfn(e){ var ...

  4. js阻止浏览器默认事件

    1.阻止浏览器的默认行为 function stopDefault(e) { //如果提供了事件对象,则这是一个非IE浏览器 if(e && e.preventDefault) { / ...

  5. html js 禁用浏览器上下滑动,纯JS阻止浏览器默认滚动事件,实现自定义滚动方法...

    首先该方法兼容IE7+以上浏览器,可以实现页面上下滚动,而且也可以实现页面左右滚动,每次滚动的距离为屏幕的大小,滚动为加速滚动 javaScript代码如下: //滚动实现方法,使用鼠标滚轮每次滚动浏 ...

  6. jQuery 中的事件冒泡和阻止默认行为

    jQuery 中的事件冒泡和阻止默认行为 参考资料: <锋利的jQuery>    作者:单东林 张晓菲 魏然    出版社: 人民邮电出版社 1.事件冒泡 [javascript] vi ...

  7. js事件冒泡、阻止事件冒泡以及阻止默认行为

    大家好,我是IT修真院武汉分院web第17期的学员吴三水,一枚正直纯洁善良的web程序员. 今天给大家分享一下,修真院官网js(职业)任务四,深度思考中的知识点--js事件冒泡.阻止事件冒泡以及阻止默 ...

  8. Js阻止事件冒泡和阻止默认事件

    js中阻止事件冒泡,阻止默认事件的方法,理解stopPropagation(),preventDefault(),return false的区别 1.event.stopPropagation()方法 ...

  9. JS、Vue、React阻止事件冒泡及阻止默认事件

    JS阻止事件冒泡及阻止默认事件解决方案: 1.event.preventDefault -- 阻止默认 Event 接口的 preventDefault()方法,告诉user agent:如果此事件没 ...

最新文章

  1. 支持向量机(理论+opencv实现)
  2. Android Annotation-让你的代码更加优雅(二)做一个Java诗人(JavaPoet)
  3. mysql怎么通过frm和ibd文件还原数据
  4. IDEA查看某个类的某个方法或该类在哪里被调用 / 引用
  5. Javaee 应用分层架构
  6. \pages\WxPay\WxPay.js
  7. linux下cache分析工具,cachestat、cachetop、pcstat-linux系统缓存命中率分析工具
  8. 【点阵液晶编程连载三】点阵LCD 的驱动与显控
  9. 让ubuntu开机快一点:记开机出现Waiting for network configuration...
  10. js实现字符串的加密与解密
  11. 关于JS获取标签中的的方法及上传下载
  12. 15. jQuery - 删除元素
  13. farm ugly chicken kick(fuck)这个计算机词汇的由来
  14. 高级Bash脚本编程入门
  15. 如何批量压缩图片大小?教你3个批量压缩图片的方法
  16. CodeBlocks注释和替换快捷键
  17. Unity3D帧动画,图片的切换实现动画效果
  18. Spark - RangePartitioner rangeBounds 生成 源码分析 实践
  19. Exchange Server 2016 安装部署
  20. 王者服务器什么时候维护完,王者荣耀s9赛季什么时间更新完毕 停机更新后开服时间是几点...

热门文章

  1. 2017年软件工程第四次作业-4每周例行报告
  2. 创业公司如何实施敏捷开发(转载)
  3. 说说设计模式~组合模式(Composite)
  4. android Fragments详解五:与activity通讯
  5. 企业建立规范化IT运维管理制度的重要性
  6. 用js监控分辨率调整背景图片宽度_【AIDA 64】用安卓手机监控电脑运行状态
  7. mybatis配置mysql数据源_springboot+mybatis+Druid配置多数据源(mysql+postgre)
  8. SSL_TLS快速扫描器SSLScan常用命令集合大学霸IT达人
  9. visual c++ 6.0原版_C/C++编程笔记:C语言函数指针的理解与使用,就是这么简单明了!...
  10. 脑机接口可以控制机械臂