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

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 = this
      wx.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]
      })
    }
  }
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值