博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js 停止事件冒泡和阻止浏览器默认事件
阅读量:6250 次
发布时间:2019-06-22

本文共 1001 字,大约阅读时间需要 3 分钟。

1>阻止冒泡事件

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>阻止默认事件

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;            });

 

程序员的基础教程:

转载地址:http://dhusa.baihongyu.com/

你可能感兴趣的文章
MobX响应式编程库
查看>>
Gradle基本使用(1):安装、IDEA使用
查看>>
Linux查看用户及其权限管理
查看>>
Kentico中的skin.css的加载
查看>>
elasticsearch6.3.1 安装以及配置IK 使用
查看>>
闪聊的beta版推出了
查看>>
WCF光芒下的Web Service
查看>>
GnuPG笔记
查看>>
批处理常用命令总结2
查看>>
ubuntu双网卡bonding配置(转)
查看>>
Ubuntu 14.04 关于 TensorFlow 环境的配置
查看>>
漂亮灵活设置的jquery通知提示插件toastr
查看>>
java多线程系类:基础篇:08之join
查看>>
TableView编辑状态下跳转页面的崩溃处理
查看>>
c#.net常用的小函数和方法集
查看>>
微软能否撑起Silverlight的明天?
查看>>
遍历文件夹
查看>>
js和html标签的混合使用
查看>>
生成不重复随机数
查看>>
Kinect for Windows SDK 1.5 的改进及新特性
查看>>