位置: 编程技术 - 正文

js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件(js 阻止触发某个事件)

编辑:rootadmin

1. event.preventDefault(); -- 阻止元素的默认事件。注:a元素的点击跳转的默认事件 ,

button,radio等表单元素的默认事件 ,

div 元素没有默认事件

例:

解释:点击链接的时候正常情况下会发生跳转,但是现在我们阻止了它的默认事件,即跳转事件,这时就不会跳转到百度了。

2. event.stopPropagation(); -- 阻止元素冒泡事件

注:嵌套元素一般都存在冒泡事件,会带来某些影响

例:

这里点击button的时候,浏览器会先后弹出3,2,1,本来只想让绑定在button上的事件发生,却无意中触发了它的两个父级上的事件,这里我们只是做了一个简单测试,试想如果在项目开发中,某个按钮和他的父级同时绑定了很重要的事件,那么结果会惨不忍睹。这时的处理方法就是阻止冒泡事件。

给input注册click事件,同时阻止它的冒泡事件

OK!!!了

推荐整理分享js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件(js 阻止触发某个事件),希望有所帮助,仅作参考,欢迎阅读内容。

js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件(js 阻止触发某个事件)

文章相关热门搜索词:js阻止点击事件,js 阻止触发某个事件,js阻止默认事件的默认操作方法,js阻止点击事件,js如何阻止事件冒泡和默认事件,js阻止默认事件的方法,js阻止默认事件的默认操作方法,js阻止默认事件的方法,内容如对您有帮助,希望把文章链接给更多的朋友!

Javascript 按位取反运算符 (~) result=~【数字】所有一元运算符(如~运算符)都按照下面的规则来计算表达式的值:1、如果应用于未定义的表达式或null表达式,则会引发一个运行时

Javascript 按位左移运算符使用介绍(<<) 按位左移运算符()左移表达式的位。result=expression1expression2参数result任何变量。expression1任何表达式。expression2任何表达式。说明运算符把expression1的所有

Javascript 按位与赋值运算符 (&=)使用介绍 Javascript按位与赋值运算符(&=),对变量值与表达式值设置按位与运算的结果。变量和表达式均被视为位二进制值,而一般表达式里面都是十进制整数,

本文链接地址:https://www.jiuchutong.com/biancheng/373726.html 转载请保留说明!

上一篇:js关于字符长度限制的问题示例探讨(js计算字符串长度 汉字长度)

下一篇:Javascript 按位取反运算符 (~)(js取数字的每位数)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络