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

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

你可能感兴趣的:(前端,移动端开发,javascript)