uview组件的popup弹出层下页面可以滚动，阻止popup弹层的touchmove事件

最新推荐文章于 2024-10-24 10:25:49 发布

00秃头小宝贝

最新推荐文章于 2024-10-24 10:25:49 发布

阅读量760

点赞数 2

CC 4.0 BY-SA版权

文章标签：前端 javascript 数据库

本文链接：https://blog.youkuaiyun.com/m0_72929120/article/details/137831214

该代码片段展示了如何在UView组件的popup弹出层下阻止页面滚动，通过给`.popup-show`选择器下的元素添加`touchmove`事件监听器，使用`preventDefault`和`stopPropagation`方法来实现这一功能，且设置了`passive`属性为`false`。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mounted() {
			// 问题描述：uview组件的popup弹出层下页面可以滚动，阻止popup弹层的touchmove事件
			const popup = document.querySelectorAll('.popup-show')
			popup.forEach(item => {
				item.addEventListener('touchmove', e => {
					e.preventDefault()
					e.stopPropagation()
				}, {
					passive: false
				})
			})
		},