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

最新推荐文章于 2025-03-05 14:51:12 发布

原创最新推荐文章于 2025-03-05 14:51:12 发布 · 833 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #数据库

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

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