网页制作中的Js事件冒泡(网页制作中的表单怎么制作)

2024-03-20    分类: 网站建设

什么是事件冒泡?我们在平时的开发过程中,肯定会遇到在一个html元素包裹另一个html元素的情况,我们在这两个元素上都绑定了事件,如果点击里面的元素,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。

怎么阻止了?有三种方法来阻止。1、.event.stopPropagation();事件处理过程中, 则只阻止事件往上冒泡,不阻止事件本身,它可以执行了超链接的跳转;代码如下图:

2.event.preventDefault(); 有时候点击提交按钮会有一些默认事件。比如跳转到别的界面。但是如果没有通过验证的话,就不应该跳转。这时候可以通过设置event.preventDefault(),阻止默认行为。代码如下图:

3.return false;事件处理过程中,不仅阻止了事件往上冒泡,而且阻止了事件本身,它就没有执行了超链接的跳转;代码如下图:
 

以上就是关于网页制作中的Js事件冒泡(网页制作中的表单怎么制作),希望对你有帮助,更多内容关注创新互联。

网页题目:网页制作中的Js事件冒泡(网页制作中的表单怎么制作)
转载来于:/news24/320874.html

成都网站建设公司_创新互联,为您提供用户体验品牌网站制作定制网站App开发响应式网站网站导航

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都定制网站网页设计