移动端如何做到点击按钮复制指定的一段文字

a8562373 2015-01-05 08:03:15

如题，求各大神指点,发现pc的一些方法兼容问题头疼！

...全文

416 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

斯洛文尼亚旅游 2015-01-05

打赏
举报

回复

移动端不行，pc端还得借助flash才行。。如zclip

一、安装依赖 cnpm install clipboard --save 二、main.js引入 import Clipboard from 'clipboard'; Vue.prototype.Clipboard=Clipboard 三、button按钮添加如下属性 :data-clipboard-text指定你的v-mode数据，@click方法是中需要使用id的值 :data-clipboard-text="code" id="copyText"

HTML中简单制作点击某文字直接复制内容js原理：创建一个唯一的隐藏的可复制的元素，然后调用window.getSelection()获取选中内容，再使用document.execCommand("copy")执行copyHTML部分这里写可复制内容，也可以套用到按钮等调用JS部分function copyAble(element) {var id = 'copy-able-el'var scro...

data-clipboard-action：指定动作（默认复制）。成功：clipboard.on('success',function(){});复制文本和复制元素的可视化区别就是：复制文本时，被复制的文本不会有任何反应；data-clipboard-target：指定复制内容的元素；初始化创建实例：let clipboard=new Clipboard('元素')：为增强用户体验感，点击“复制”按钮时，可实现复制指定的文字或者元素到粘贴板上；：data-clipboard-text：指定需要复制的内容；

前言之前也做过点击文本框内容自动复制的功能，但从来没遇到过点击非文本框自动复制的需求。在这里也一起记录下，如何实现这两种情况。1.点击文本框，自动全选(移动端比较直观)ps: 这种情况也可以使用Clipboard.js实现123456789function oCopy(obj){obj.select();js=obj.createTextRange();js.execCommand("C...

需求：点击按钮时复制某段文字，转发时可以直接粘贴 &lt;div id="copy-txt"&gt; 前方高能预警，朋友圈文案在这里哦：**放大招，一分坐公交，还能领红包！ &lt;/div&gt; &lt;button onclick="copyTXT()"&gt;复制&lt;/button&gt;

87,996

社区成员

224,693

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章