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

秒速五厘米 2022-09-09 06:15 142阅读 0赞

**一、原理**

监听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>

更多：

## [Js 取模运算、取商、取整方法][Js] ##

## [ JS网页禁用右键- JS禁用网页右键][JS_- JS] ##

## [Js 日期处理整理（二）\_Js 日期时间戳、字符串、时间差][Js _Js] ##

[Js]: https://blog.csdn.net/u011127019/article/details/52117124
[JS_- JS]: https://blog.csdn.net/u011127019/article/details/119634246
[Js _Js]: https://blog.csdn.net/u011127019/article/details/109690547

发表评论取消回复

表情：

评论列表（有 0 条评论，142人围观）

还没有评论，来说两句吧...

相关阅读

相关移动端下拉刷新，兼容ios，Android及微信浏览器

看一下效果图 ![效果图][format_png] 下拉效果的样子参考的新浪微博,滚动加载是[ydui的滚动加载组件][ydui] 因为滚动加载使用的ydui的组件...

拼搏现实的明天。/ 2024年04月18日 08:27/ 0 赞/ 60 阅读

相关微信公众号页面禁止页面下拉查看网页来源

微信公众号页面禁止页面下拉查看网页来源应产品需求加一个禁止页面下拉查看网页来源的功能，网上看了下结合自己的情况完美实现， JS代码如下 function n

冷不防/ 2023年07月18日 02:35/ 0 赞/ 130 阅读

相关微信小程序下拉刷新

实现步骤：打开项目根目录下的app.json文件，然后给 window 对象新添加一个 "enablePullDownRefresh":true 属性，开启所有页面的下

以你之姓@/ 2023年02月22日 13:52/ 0 赞/ 11 阅读

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

一、原理监听body的touchmove 事件，取消默认操作，则就不会触发页面的下拉。二、代码 <!DOCTYPE html> <html lang=

秒速五厘米/ 2022年09月09日 06:15/ 0 赞/ 143 阅读

相关禁止手机浏览器下拉刷新

<body style="overflow:hidden">

ゝ一世哀愁。/ 2022年06月06日 11:50/ 0 赞/ 204 阅读

相关 jq下拉刷新（安卓微信浏览器实现刷新）

安卓微信浏览器下拉会露出域名等信息，这样就会影响下拉刷新，如果[阻止微信浏览器下拉][Link 1]，那正常的move也会失效，然后想了一个方法，如果是安卓微信浏览器，则换种操

太过爱你忘了你带给我的痛/ 2022年04月02日 18:44/ 0 赞/ 311 阅读

相关 js禁止微信浏览器下拉显示黑底查看网址

// 首先禁止body document.body.ontouchmove = function (e) { e.preve

青旅半醒/ 2022年03月31日 05:15/ 0 赞/ 144 阅读

相关微信H5禁止下拉且可下滚动指定区域

var app = document.getElementsByClassName("tree-hole-room-messages")[0]; var

阳光穿透心脏的1/2处/ 2021年10月18日 11:18/ 0 赞/ 225 阅读

相关微信小程序下拉刷新

框架->小程序配置->页面配置 api->界面->下拉刷新 (1)、在对应页面设置,若在app.json的'window'中设置,则会使得所有

淩亂°似流年/ 2021年07月24日 21:02/ 0 赞/ 487 阅读

相关微信小程序上拉加载更多，下拉刷新，禁止下拉刷新

一. 1.在app.josn中配置 "enablePullDownRefresh": true, ![20200513174051415.png][] 2. /

Myth丶恋晨/ 2021年07月24日 19:21/ 0 赞/ 1400 阅读