1.基础巩固--禁用默认事件

本文探讨了在JavaScript中如何禁用默认事件,重点比较了`event.preventDefault()`和`return false`的区别。通过示例,展示了它们在label、input、select、富文本编辑器以及a标签上的应用效果。文章指出,`event.preventDefault()`能够有效地阻止默认行为,而`return false`在某些情况下可能仅阻止事件冒泡,而非默认行为。
摘要由CSDN通过智能技术生成

禁用默认事件的方法

1.event.preventDefault()
2.return false

区分

先从最常见的label开始,
1.label可以帮助我触发input类的元素的,常用来作为单选,多选的样式重做
2.label是个行内块
3.行内块具有块的性质,但是可以在同行排布
4.块的性质:
    1.独占一行
    2.可以修改宽高
    3.可以使用外边距


label元素禁用默认事件的效果
event.preventDefault(),完美的禁用了下一步操作,即检测到点击触发,也不会去执行点击关联或者内部的input类
return false并不会,之前怎么执行,现在还是这么执行


input的禁用
event.preventDefault()直接把单选/多选的点击效果直接禁用了,也就是说你不能打钩了
return false并不会


然后是其他操作框的尝试(下拉,富文本)
event.preventDefault()还是一脸冷漠.jpg,反正是一刀一个小朋友,已经自己管自己,不给你任何机会
return false 能为select添加上下拉的效果,但是下拉菜单出不来,这就是原来一样
富文本和input输入框一样


return false不影响我们label
event.preventDefault(),不禁一刀label还禁了单选和复选,真实又致命


然后就是不怎么用了的a标签,感觉不怎么愿意用a,估计也是因为全局代理和a样式修改太麻烦了吧0-0.
但是作为大家族中的一员还是不能忘记掉的啦
来吧
…不得不说event,preventDefault()厉害,a标签直接gg,跳转不行,脚本不行,委屈的像个弟弟
return false已经

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值