谷歌浏览器测试移动端swipe事件无效

最新推荐文章于 2023-06-02 03:08:19 发布

转载最新推荐文章于 2023-06-02 03:08:19 发布 · 502 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/weixin_39495540/article/details/75216808

文章标签：

#javascript

本文介绍了两种禁用网页滚动的有效方法。一种是通过在body元素上应用CSS样式，设置touch-action属性为none；另一种是在JavaScript中添加监听事件，阻止touchmove事件的默认行为。这两种方法均可防止用户在页面上进行滚动操作。

尝试了两种方案，都可以解决这个问题

在body加上css样式：

		body{
			touch-action:none;
		}

js加上如下代码：

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

附上原文链接如下：
————————————————
版权声明：本文为优快云博主「lucy0711」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/weixin_39495540/article/details/75216808