JS禁用某个事件的效果小记

  • 有时候我们会遇到使用某些功能的时候它会默认自带一些效果,但你发现对你要做的功能并不那么友好,很多是你不需要的功能反而影响到你的成品.
  • 比如说:使用原生js写遮罩层的话会发现遮罩层下面的内容是能够滚动的,尤其是移动端,这对app并不友好.这时候就需要把它的默认的滑动效果去除就好了.
  • 具体代码如下:
						document.getElementById('MaskDemo').addEventListener('touchmove',function(event){
							event.preventDefault();
						})
  • 很简单只需要获取到遮罩层的id,再写下你要禁用的事件名称,就如现在我需要禁用的是遮罩层的滑动效果的事件代码就是’touchmove’,如果你要禁用的是点击效果就填click,如果是手机端就是tap,以此类推,看你需要禁用的是什么事件的默认效果.preventDefault本身翻译过来的意思就是阻止原本作用的意思,直接调用就能把你不需要的事件给禁用了.
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值