禁用微信浏览器的下拉_解决微信浏览器禁止下拉查看真实域名网址的问题

天马3798

于 2021-08-30 09:07:40 发布

阅读量1.6k

点赞数 2

分类专栏： JavaScript 文章标签：微信 javascript html5

本文链接：https://blog.csdn.net/u011127019/article/details/119989590

版权

JavaScript 专栏收录该内容

52 篇文章 9 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

一、原理

监听body的touchmove 事件，取消默认操作，则就不会触发页面的下拉。

二、代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            background: green;
            padding: 100%;
            height: 100%;
        }
    </style>
</head>

<body>
    <script>
        //解决微信浏览器禁止下拉查看真实域名网址的问题
        document.body.addEventListener('touchmove', function (e) {
            e.preventDefault();
        }, { passive: false });
    </script>
</body>

</html>

了解本专栏

订阅专栏解锁全文

超级会员免费看

优惠劵

天马3798

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
禁用微信浏览器的下拉_解决微信浏览器禁止下拉查看真实域名网址的问题

一、原理监听touchmove 事件，取消默认操作，则就不会触发页面的下拉。二、代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic
复制链接

扫一扫