移动端页面滑动时候警告:Unable to preventDefault inside passive event listener due to target being treated as passive.
2024-08-21 08:21:37
移动端项目中,在滚动的时候,会报出以下提示:
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.
See https://www.chromestatus.com/features/5093566007214080
解决
- 在
touch
的事件监听方法上绑定第三个参数{ passive: false }
,
通过传递 passive 为 false 来明确告诉浏览器:事件处理程序调用 preventDefault 来阻止默认滑动行为。
target.addEventListener('touch', function () {
}, { passive: false });
- 在 CSS 中全局使用:
* {
touch-action: pan-y;
}
touch-action
的使用方法见:https://developer.mozilla.org/zh-CN/docs/Web/CSS/touch-action
参考:
https://juejin.im/post/5ad804c1f265da504547fe68
https://www.jianshu.com/p/04bf173826aa
最新文章
- redis命令全集(自用)
- 数据处理之CoreData
- 主机和虚拟机能相互ping通但是不能复制
- Java web小记
- 递推DP URAL 1167 Bicolored Horses
- UVa 10624 - Super Number
- 【总结】IE和Firefox的Javascript兼容性总结(转)
- Swift技术之如何在iOS 8下使用Swift设计一个自定义的输入法 (主要是NSLayoutConstraint 的使用)
- 设计模式(三): FACTORY工厂模式 -- 创建型模式
- 学习笔记之CSS样式(选择器背景字体边框绝/相对、固定位置and分层流等)
- firewall防火墙
- salesforce lightning零基础学习(十三) 自定义Lookup组件(Single &; Multiple)
- maven多模块项目构建
- Eclipse导入web项目报错找不到HttpServletRequest解决方法
- pythoner国内比较快 的 镜像源
- 如何使用queue_delayed_work函数
- node知识积累
- python连接mysql,redis类方法
- SQL Server 2008 sa用户可以登录,Windows身份验证无法登录
- string与位运算
热门文章
- Google 和 Facebook 如何大规模处理 IT 事件管理 —— 2016 SRE 大会之我见
- 一次失败的生产系统中AlwaysOn AG切换经历
- 反向代理负载均衡调度:nginx
- pt-osc原理、限制、及与原生online-ddl比较
- SharePoint读取配置文件
- VC 调试版(Debug Version)和发行版(Release Version)
- Spark 集群搭建
- Hadoop HBase概念学习系列之HRegion服务器(三)
- js将时间戳转换成日期格式-陈远波
- DevExpress09、SimpleButton、CheckButton、DropDownButton、HScrollBar控件和VScrollBar控件