1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
      <output id="hzk7v"></output>
    2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
    3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

      微信小程序实现的一键复制功能示例

       更新时间£º2019年04月24日 09:10:26   作者£ºweixin_41991473   我要评论

      这篇文章主要介绍了微信小程序实现的一键复制功能,结合实例形式分析了微信小程序wx.setClipboardData接口实现操作?#31243;?#26495;进行复制操作的相关使用技巧,需要的朋友可以参考下

      本文实例讲述了微信小程序实现的一键复制功能¡£分享给大家供大家参考£¬具体如下£º

      微信小程序不支持页面复制功能£¬故要实现某些信息的复制£¬需要开发复制功能

      微信小程序中复制一般采用调用  wx.setClipboardData 接口

      实现功能如下£º

      1£¬.wxml里写一个复制按钮

      <button bindtap="copy"> 一键复制 </button>
      
      

      2, .js里写复制功能

       copy: function (e) {
        var that = this;
        wx.setClipboardData({
         data: "这里为复制的内容",
         success: function (res) {
          wx.showModal({
           title: '提示',
           content: '复制成功',
           success: function (res) {
            if (res.confirm) {
             console.log('确定')
            } else if (res.cancel) {
             console.log('取消')
            }
           }
          })
         }
        });
       },
      
      

      如此即可实现复制功能了

      wx.setClipboardData 接口详细说明还可参考官方文档£ºhttps://developers.weixin.qq.com/miniprogram/dev/api/wx.setClipboardData.html

      希望本文所述?#28304;?#23478;微信小程序开发有所帮助¡£

      相关文章

      最新评论

      3dÊÔ»úºÅÖвÊÍø

        1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
          <output id="hzk7v"></output>
        2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
        3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

            1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
              <output id="hzk7v"></output>
            2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
            3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>