微信小程序之 rich-text 长按复制事件

微信小程序的富文本编辑器 rich-text 没有提供长按出现复制剪切功能，下面是为大家提供的长按实现复制的简单功能，效果没有微信聊天页长按复制的效果好。

步骤：

1，在 rich-text 表签里添加 bindlongpress="copy" data-text="{{nodes[index]}}"

index.wxml

......
<rich-text nodes="{{nodes[index]}}" class='ctext' bindlongpress="copy" data-text="{{nodes[index]}}" selectable='true'></rich-text>
......

2，在js文件中写上绑定事件即可

copy: function (e) {var that = this;var text = e.currentTarget.dataset.text;console.log(e);wx.setClipboardData({data: text,success: function (res) {// wx.hideToast();    //打开可不显示提示框wx.getClipboardData({success (res) {console.log(res.data) // data}})}});
},

3，最后，再次定位到输入框时，长按即可显示“粘贴”了。

微信小程序之 rich-text 长按复制事件相关推荐

微信小程序怎么长按复制_微信小程序基于Parser添加长按复制、代码高亮等功能...
功能展示引入Parser 微信小程序中引入Parser可直接在项目主页查阅. 代码高亮高亮插件 Prism官网下载prism.js和prism.css,默认只有css代码有渲染样式,注意选择需要渲 ...
android获取小程序音频时长,最新微信小程序获取音频时长与实时获取播放进度...
#微信小程序获取音频时长与实时获取播放进度在小程序官方文档中 audio 注意:1.6.0 版本开始,该组件不再维护.建议使用能力更强的 wx.createInnerAudioContext 接口 ...
最新微信小程序获取音频时长与实时获取播放进度
#微信小程序获取音频时长与实时获取播放进度在小程序官方文档中 audio 注意:1.6.0 版本开始,该组件不再维护.建议使用能力更强的 wx.createInnerAudioContext 接口 ...
微信小程序view、text换行
微信小程序之view,text换行 view换行:white-space:pre-line; text换行:word-break:break-all; 非学,无以致疑:非问,无以广识
微信小程序文本组件text使用详解-微信小程序系统学习攻略
也许你迷茫,但是我想说,在你迷茫的同时,保持本心,过好今天就好. 在微信小程序中,组件 text 用来显示文本,基本使用代码如下: <text >测试使用</text> 1 基 ...
微信小程序: 如何在text标签中将空格nbsp显示出来
写过微信小程序的小伙伴们可能都有发现,当我们在wxml中的text标签里直接使用&nbsp这个空格符的话,页面是识别不到空格符的,空格也不会显示出来,他只会帮你把&nbsp空格符打印出 ...
修改小程序swiper 点的样式_高质量的微信小程序样式模板应该长什么样？
现在不懂技术的小白若想快速制作自己的小程序,一般是通过小程序模板来实现.通过在模板上添加自己的图片.文字.商品等等,可以很简单地生成一个小程序.不过要想把小程序做得好看,你得找高质量的小程序样式模板才 ...
小程序长按api_高质量的微信小程序样式模板应该长什么样？
现在不懂技术的小白若想快速制作自己的小程序,一般是通过小程序模板来实现.通过在模板上添加自己的图片.文字.商品等等,可以很简单地生成一个小程序.不过要想把小程序做得好看,你得找高质量的小程序样式模板才 ...
微信小程序canva生成图片，长按图片识别小程序二维码详解
下面这个图片就是通过图片和文字等内容合成的一张带有微信小程序二维码的图片,在小程序内部长按可以识别出来: 基本思路是先将内容用canvas排好版,然后把该canvas转化成图片:图片利用wx.prev ...
代码雨代码源复制_小程序基于Parser添加长按复制、代码高亮等功能
程序员技术之旅网站/小程序/公众号进入小程序功能展示引入Parser 微信小程序中引入Parser可直接在GitHub项目主页(https://github.com/jin-yufeng/Pars ...

微信小程序之 rich-text 长按复制事件

微信小程序之 rich-text 长按复制事件相关推荐

最新文章

热门文章

微信小程序 之 rich-text 长按复制事件

微信小程序 之 rich-text 长按复制事件相关推荐

最新文章

热门文章

微信小程序之 rich-text 长按复制事件

微信小程序之 rich-text 长按复制事件相关推荐