当前位置:首页  知识专题

知识专题

js如何阻止事件的默认行为(JS 取消默认事件)

2022-04-30 16:50:00
导读 大家好,精选小编来为大家解答以上问题。js如何阻止事件的默认行为,JS 取消默认事件很多人还不知道,现在让我们一起来看看吧!1、创建一

大家好,精选小编来为大家解答以上问题。js如何阻止事件的默认行为,JS 取消默认事件很多人还不知道,现在让我们一起来看看吧!

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

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

3、 我们如何使用JS来阻止一个标签的默认事件?我们需要使用JS的preventDefault()函数,代码如图。

4、 用完后我们再点击A标签,会发现它不再触发跳转到百度,而是弹出一个弹出框,已经成功屏蔽了默认跳转事件。

5、 让我们尝试在默认情况下防止提交按钮提交订单。首先,创建一个表单。

6、 点击按钮查看,可以看到连接中有更多的参数,说明表单已经提交成功。

7、 让我们停止提交按钮的默认表单的提交事件。

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

本文到此结束,希望对大家有所帮助。

免责声明:本文由用户上传,如有侵权请联系删除!