JS 复制功能（复制文字）

可以兼容PC和移动端

// data是需要复制的内容
copyFunction(data) {let copyInput = document.createElement("input"); //创建input元素document.body.appendChild(copyInput); //向页面底部追加输入框copyInput.setAttribute("value", data); //添加属性，将需要复制的内容赋值给input元素的value属性copyInput.select(); //选择input元素document.execCommand("Copy", false, null); //执行复制命令(指令参数, 交互方式参数如果是true的话将显示对话框, 动态参数一般为一可用值或属性值)this.$message.success("复制成功"); //弹出提示信息，不同组件可能存在写法不同//复制之后再删除元素，否则无法成功赋值copyInput.remove(); //删除动态创建的节点
}

参考了下面两篇文章
https://blog.csdn.net/runtu999/article/details/124411002
https://www.cnblogs.com/yangjing1314/p/10716598.html

JS 复制功能（复制文字）相关推荐

html5 js 手机剪切板,JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)...
新学习JavaScript,就碰到这么一个需求,几乎网上的方法都试过了.写出了总结下使用的方法:clipboard 插件下载地址:https://github.com/zenorocha/clipb ...
js 复制文字和图片到剪贴板
js 复制文字和图片到剪贴板最近有个需求,要同时复制多张图片和文字到剪贴板,网上找了好多方法,都不行,最后上个厕所,想到直接翻w3c文档,终于实现了.让大家不迷路,共享出来,不用谢,点赞就行. 不多 ...
html复制文字兼容手机,JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)...
新学习JavaScript,就碰到这么一个需求,几乎网上的方法都试过了.写出了总结下使用的方法:clipboard 插件下载地址:https://github.com/zenorocha/clipb ...
【javascript】js实现复制、粘贴
使用document.ExecCommand("copy")命令,官方文档,点我. 例如: <!DOCTYPE html> <html> <head& ...
js 复制功能，点击按钮实现复制功能
方法一:pc端和手机端通用 <div class="my-invitation-num-data"><span id="copycode"&g ...
微信小程序|分享功能|复制文字|拨打电话|
微信小程序功能后续将会继续补充微信小程序的相关功能微信小程序功能 1.分享功能用户点击右上角转发使用按钮分享隐藏分享功能的api 2.复制文字长按复制将固定的内容复制到粘贴板中 3.拨打 ...
android WebView 长按自由复制文字，进入文字选择模式
长按WebView系统默认进入文字选择默认,但如果想实现先长按菜单显示菜单同能菜单选项来判断是否进行的进入自由复制文本文字选择的操作就不知道该怎么办了. 长按WebView显示弹出菜单,可怎么才在能实 ...
html5移动端点击复制,H5实现移动端复制文字功能
前言移动端项目开发中,经常遇到需要复制文字的场景,今天咱们就来聊一下,移动端复制文字的那些事~ 效果预览背景分析业务需求很简单,将指定的文字(例如: 关键字.文案描述等)复制到手机的剪贴板上,方 ...
网页不能复制文字解决方法总结（亲测有效）
一.问题在我们需要复制文字时经常遇到文字复制收费情况,见下图. 二.解决方法对于一个专业的白嫖老怪,付费?那是不存在滴!!!那我们又得得到他的文字怎么解决呢?我们就先随便找一个网站进行演示,见下: ...
vue查看pdf，禁止复制文字，禁止页面鼠标右击，禁用F12
vue查看pdf,禁止复制文字,禁止页面右击,禁用F12 1. 问题 2.解决方案 1. 问题最近在做公司项目的时候,客户提出一个好玩的业务问题,禁止用户打印.复制.下载他们的pdf文件,只能进行在 ...

JS 复制功能（复制文字）

JS 复制功能（复制文字）相关推荐

最新文章

热门文章