html禁止移动端左右滑动
warning:
这篇文章距离上次修改已过193天，其中的内容可能已经有所变动。
要在HTML页面上禁用移动端的左右滑动，可以通过监听touchmove事件并调用preventDefault方法来实现。以下是实现这一功能的示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>禁用滑动</title>
<script>
document.addEventListener('touchmove', function(e) {
e.preventDefault();
}, { passive: false });
</script>
</head>
<body>
<p>移动端滑动已被禁用。</p>
</body>
</html>在这段代码中，我们在文档级别监听touchmove事件，并通过调用e.preventDefault()阻止默认的滑动行为。{ passive: false }选项是必须的，因为一些浏览器需要这个选项来允许preventDefault正常工作。
评论已关闭