社区
JavaScript
帖子详情
移动端如何做到点击按钮复制指定的一段文字
a8562373
2015-01-05 08:03:15
如题,求各大神指点,发现pc的一些方法兼容问题头疼!
...全文
416
1
打赏
收藏
移动端如何做到点击按钮复制指定的一段文字
如题,求各大神指点,发现pc的一些方法兼容问题头疼!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
斯洛文尼亚旅游
2015-01-05
打赏
举报
回复
移动端不行,pc端还得借助flash才行。。如
zclip
vue
点击按钮
复制
文字
到粘贴板
一、安装依赖 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
点击按钮
复制
文字
,html中
一段
js代码实现点击
文字
复制
相应内容到剪切板...
HTML中简单制作点击某
文字
直接
复制
内容js原理:创建一个唯一的隐藏的可
复制
的元素,然后调用window.getSelection()获取选中内容,再使用document.execCommand("copy")执行copyHTML部分这里写可
复制
内容,也可以套用到按钮等调用JS部分function copyAble(element) {var id = 'copy-able-el'var scro...
Vue项目实现
文字
/元素
复制
、剪切功能(一)
data-clipboard-action:
指定
动作(默认
复制
)。成功:clipboard.on('success',function(){});
复制
文本和
复制
元素的可视化区别就是:
复制
文本时,被
复制
的文本不会有任何反应;data-clipboard-target:
指定
复制
内容的元素;初始化创建实例:let clipboard=new Clipboard('元素'):为增强用户体验感,点击“
复制
”按钮时,可实现
复制
指定
的
文字
或者元素到粘贴板上;:data-clipboard-text:
指定
需要
复制
的内容;
php
点击按钮
自动
复制
,实现点击元素自动
复制
内容的功能
前言 之前也做过点击文本框内容自动
复制
的功能,但从来没遇到过点击非文本框自动
复制
的需求。在这里也一起记录下,如何实现这两种情况。1.点击文本框,自动全选(
移动端
比较直观)ps: 这种情况也可以使用Clipboard.js实现123456789function oCopy(obj){obj.select();js=obj.createTextRange();js.execCommand("C...
h5
复制
粘贴
文字
到剪切板
需求:
点击按钮
时
复制
某段
文字
,转发时可以直接粘贴 <div id="copy-txt"> 前方高能预警,朋友圈文案在这里哦:**放大招,一分坐公交,还能领红包! </div> <button onclick="copyTXT()">
复制
</button>
JavaScript
87,996
社区成员
224,693
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章