小程序页面的文字如何复制 小程序里面的文字怎么复制

主机教程 建站分享 2年前 (2022-09-24) 340次浏览

文章摘要:小程序页面的文字如何复制 小程序里面的文字怎么复制

复制小程序页面文字的方法: 方法一:将文本放在<text></text>标签中,设置t […]

复制小程序页面文字的方法:

方法一:将文本放在<text></text>标签中,设置text标签的属性selectable的值为true,通过手机对文本的复制功能实现复制。

<text selectable='true'>{{item.bookCode}}</text>

方法二:通过小程序提供了设置剪切板内容的API复制和粘贴功能来实现。

wxml代码:

<button bindlongpress ='copy' data-copy='{{value}}'>{{value}}</button>

js代码:

Page({

    data: {

        value:"这是要复制的内容!",

    },

   /**

    * 长按复制图书编码

    */

  copy:function(e){

    var code = e.currentTarget.dataset.copy;

    wx.setClipboardData({

      data: code,

      success: function (res) {

        wx.showToast({

          title: '复制成功',

        });

      },

      fail:function(res){

        wx.showToast({

          title: '复制失败',

        });

      }

    })

  },


声明:
若非注明,本站文章源于互联网收集整理和网友分享发布,如有侵权,请联系站长处理。
文章名称:小程序页面的文字如何复制 小程序里面的文字怎么复制
文章链接:http://www.7966.org/post/12997.html
转载请注明出处

喜欢 (0)