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

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

怎么阻止了？有三种方法来阻止。

1、.event.stopPropagation();事件处理过程中， 则只阻止事件往上冒泡，不阻止事件本身，它可以执行了超链接的跳转；代码如下图：

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



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


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

　　非常感谢您读完蓝港网络的这篇文章："网页制作中的Js事件冒泡(网页制作中的表单怎么制作)"，仅为提供更多信息供用户参考使用或为学习交流的方便。我们公司提供：网站建设、网站制作、官网建设、SEO优化、小程序制作等服务，欢迎联系我们提供您的需求。