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

冷不防 2023-07-18 02:35 129阅读 0赞

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

function noPullDown(selector) { 
        //禁止页面拖动
        document.querySelector('body').addEventListener('touchmove', function (e) { 
            console.log('禁止下拉出现网页来源信息')
            if(!selector) { 
                e.preventDefault()
            } else { 
            	// 如果需要部分区域可以滑动，则需传入需要滑动地方的类名
                if (!document.querySelector(selector).contains(e.target)) { 
                    e.preventDefault()
                }
            }
        }, {  passive: false })
    }
    
    export default { 
        noPullDown
    }

## Html代码如下： ##

首先导入

import pullDown from '../../../api/noPullDown'

## 然后调用方法，传入需要滑动的块名 ##

pullDown.noPullDown('.list_wraper')

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MDI0OTUw_size_16_color_FFFFFF_t_70_pic_center]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MDI0OTUw_size_16_color_FFFFFF_t_70_pic_center]: /images/20230528/df2ab67c76cc483fb510400d56aa2363.png

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关 html（公众号、移动端网页）禁止页面滑动放大

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.

一时失言乱红尘/ 2022年11月29日 05:42/ 0 赞/ 165 阅读

相关禁止当前html页面下拉刷新,移动端禁止页面下拉刷新（页面有滚动区域）

function isscroll(dom,flag) \{ // 页面是否启用不可下拉 if(flag) \{ document.body.addEventListen

向右看齐/ 2022年10月06日 01:00/ 0 赞/ 6 阅读

相关微信公众号页面

写了一个公众号微网页栏目用到这个，记录一下，好久没写css了，?都忘了。 ![waterma

女爷i/ 2022年04月15日 00:13/ 0 赞/ 271 阅读

相关微信-----公众号>微信网页授权

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hla2V3

╰半橙微兮°/ 2022年04月12日 14:14/ 0 赞/ 507 阅读

相关微信公众平台测试号，页面获取openid

网页授权获取用户基本信息菜单：微信网页开发--微信网页授权 [http://mp.weixin.qq.com/wiki/17/c0f37d5704f0b64713

本是古典何须时尚/ 2022年04月12日 12:08/ 0 赞/ 518 阅读

相关微信公众号关注渠道来源

[获取公众号用户的基本信息][Link 1]，看到接口文档给的用户渠道来源类型，明显不正确，而从网上找的类型，都是截图，导致在json转对象时会出错，在这里更正一下。 ![w

一时失言乱红尘/ 2022年04月10日 03:42/ 0 赞/ 444 阅读

相关微信公众号H5 - 使用vue开发微信公众号网页

应项目需求，最近我开始了我的第一次微信公众号网页的开发，第一次接触到公众号网页的我是很懵逼的。通过了解并实现了需求的我下面来进行讲解一下，希望可以帮助到有需要的朋友。ps：

小鱼儿/ 2021年09月07日 06:12/ 0 赞/ 928 阅读

相关微信公众号授权H5页面

一、为何通过微信公众号授权官方: 如果用户在微信客户端中访问第三方网页，公众号可以通过微信网页授权机制，来获取用户基本信息，进而实现业务逻辑

曾经终败给现在/ 2021年09月03日 03:00/ 0 赞/ 840 阅读

相关微信公众号中关闭页面

微信公众号中关闭页面一、应用场景在微信公众号中为什么要通过`JS`方法关闭页面？答：防止用户通过连接地址进入公众号，杜绝安全隐患，以及登

墨蓝/ 2021年08月26日 18:46/ 0 赞/ 407 阅读