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、 你可以发现,不是提交表单,而是弹出一个提示框。
本文到此结束,希望对大家有所帮助。
免责声明:本文由用户上传,如有侵权请联系删除!
猜你喜欢
- 12-27
- 12-27
- 12-26
- 12-26
- 12-26
- 12-26
- 12-26
- 12-26