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

冷不防 2023-07-18 02:35 118阅读 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 条评论，118人围观）

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

相关阅读

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

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

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

相关 CSDN页面左侧添加自己的微信公众号

1.问题提出想在csdn的博客页面左侧添加一个微信公众号的二维码怎么做嗯？效果如下： ![在这里插入图片描述][watermark_type_ZmFuZ3po

冷不防/ 2022年12月29日 00:16/ 0 赞/ 173 阅读

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

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

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

相关微信公众号页面

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

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hla2V3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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