js阻止事件冒泡的方法

2025-05-10 00:03:19

1、如下图所示:当点击 'Clic氯短赤亻k me!'时 出现的消息依次为:第三层-->第二层-->第一贫脊雪赙层,最后再跳转至百度页面当通过JS控制阻止冒泡排序后,显示为:第三层-->跳转至百度页面

js阻止事件冒泡的方法

2、阻止方法有三种:1、event.stopPropagation();2、return false;3、event.preventDefault();

3、event.stopPropagation();事件处理过程中,阻止冒泡事件,但不会阻止默认行为(跳转至超链接)执行结果为:弹出第三层消息,然后链接至百度页面

js阻止事件冒泡的方法

4、return false;事件处理过程中,阻止冒泡事件,也阻止默认行为(不跳转超链接)执行结果为:只弹出第三层消息

js阻止事件冒泡的方法

5、event.preventDefault();事件处理过程中,不阻止冒泡事件,但阻止默认行为(不跳转超链接)执行结果为:弹出第三层-->第二层-->第一层 不跳转至百度

js阻止事件冒泡的方法
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢