技术文章
如何阻止在移动端上 进行上下滑动的的操作
发布日期:2019-07-06 阅读次数:2300 字体大小:

        addEventListener() 方法用于向指定元素添加事件句柄。

        event.preventDefault() 该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 "submit",在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认动作。无论哪种情况,调用该方法都没有作用。

 

阻止上下滑动 js代码:

document.body.addEventListener('touchmove', function (e) {
          e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)
 }, {passive: false}); //passive 参数不能省略,用来兼容ios和android