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阻止默认事件的方法
  • php如何判断变量数据类型
  • 怎样用jquery获取select里面选中的值
  • Django分页功能的实现
  • VHD虚拟硬盘创建方法以及自动挂载方式
  • 穿袜子睡觉好不好?怎么才能有助睡眠?
  • 热门搜索
    腰肌劳损怎么恢复 枕套的做法 飞鹤星飞帆奶粉怎么样 萝卜怎么腌好吃又脆 佰草集的护肤品怎么样 肩周炎怎么治最好 剩米饭的做法大全 韩熙贞化妆品怎么样 羊肉汤的做法视频 肖战事件是怎么回事