js阻止默认事件的方法

2025-04-05 23:44:34

1、创建一个简单的html页面,添加一个a标签,a标签的默认事件是跳转到百度。

js阻止默认事件的方法
js阻止默认事件的方法

2、当前点击A标签是会跳转到百度页面的。

js阻止默认事件的方法

3、下面我们使用JS阻止a标签这个默认事件要怎么做呢?我们要用到JS的preventDefault()函数,代码如图

js阻止默认事件的方法

4、使用后我们再点击一下a标签,会发现它不再触发跳转到百度了,而是弹出一个弹出框,已经成功阻止默认的骇螺搭翳跳转事件

js阻止默认事件的方法

5、下面我们试一下阻止submit按钮默认的提交办单事件,首先创建一个表单

js阻止默认事件的方法
js阻止默认事件的方法

6、点击一下按钮看看,可以看到连接多了参数,代表表单已经提交成功

js阻止默认事件的方法

7、我们阻止一下submit按钮的默认表单的提交事件

js阻止默认事件的方法

8、可以发现不再提交表单,而是弹出一个提示框

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