微信小程序——小实现(禁止页面滚动、长按复制、长按识别二维码)

1. 禁止页面滚动

对于小程序某些一屏的页面，特别是全屏的swiper，并不希望页面在竖直方向上可以滚动。

实现方式：
在需要禁止滚动页面的json中加入：

"disableScroll": true

注意：只在页面配置中有效，无法再app.json中设置该项

参考：https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E9%A1%B5%E9%9D%A2%E9%85%8D%E7%BD%AE

2. 长按复制

<text class='copy_content' bindlongpress='onLongTap' >{{copyContent}}</text> onLongTap: function(e) {let that = thiswx.setClipboardData({data: that.data.copyContent,success: function (res) {wx.showToast({title: '已复制到剪切板',});}})},

3. 长按识别二维码

其实，小程序里面是没有开放这个功能的。

有什么替代的方式？调取图片预览wx.previewImage()，在二维码放大预览时长按会出现‘发送给朋友’和‘保存图片’等选项，用户再自行进行二维码的扫描。

注意：如果图片中的二维码是小程序码，在预览时则可以识别并跳转。

<image class="qrCode" src="https://via.placeholder.com/400x400" data-src="https://via.placeholder.com/400x400" mode="aspectFit" bindlongpress="handlePress"></image> Component({methods: {handlePress(e) {const _url = e.target.dataset.src;wx.previewImage({urls: [_url]})}} })

总结

以上是生活随笔为你收集整理的微信小程序——小实现(禁止页面滚动、长按复制、长按识别二维码)的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。