阻止移动端H5开发浏览器默认的左右滑动、下拉刷新行为

不能懒鸭

已于 2022-02-14 11:07:28 修改

阅读量2.3k

点赞数 1

分类专栏：工作总结文章标签： javascript 前端

于 2021-12-08 09:30:07 首次发布

本文链接：https://blog.csdn.net/m0_45382009/article/details/121783886

版权

在移动端H5开发中，尤其是在进行签名功能时，为了避免浏览器默认的左右滑动和下拉刷新行为导致用户体验问题，通常需要进行相关处理。如果不阻止，可能会遇到在被动监听器上无法使用preventDefault()的错误。

摘要由CSDN通过智能技术生成

场景：移动端签名的时候

document.body.addEventListener('touchmove',function (event) {
	event.preventDefault()
},{passive:false})

passive:false 告诉它这个监听器不是被动的监听器
如果不加可能会报如下错误[Intervention] Unable to preventDafault inside passive event listener due to target being treated as passive就是不能在被动的监听器上使用preventDafault 方法