手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js阻止默认事件的方法

时间:2024-10-19 03:52:19

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阻止默认事件的方法
© 手抄报圈