在我们前端WEB开发的时候，有些时候我们不希望元素的默认事假触发，比如做多级导航的时候，我们经常会用到a标签嵌套，我们不希望父级导航点击的时候触发a标签默认的跳转事件，这时候我们就需要组织它的默认点击事件，那么我们用JS怎么实现呢，下面来给大家详细讲解。
创建一个简单的html页面，添加一个a标签，a标签的默认事件是跳转到百度。
当前点击A标签是会跳转到百度页面的。
下面我们使用JS阻止a标签这个默认事件要怎么做呢？我们要用到JS的preventDefault()函数，代码如图
使用后我们再点击一下a标签，会发现它不再触发跳转到百度了，而是弹出一个弹出框，已经成功阻止默认的跳转事件
下面我们试一下阻止submit按钮默认的提交办单事件，首先创建一个表单
点击一下按钮看看，可以看到连接多了参数，代表表单已经提交成功
我们阻止一下submit按钮的默认表单的提交事件
可以发现不再提交表单，而是弹出一个提示框
