订阅本栏目 RSS您所在的位置: 深山工作室 > 页面特效 > 正文

兼容pc、移动端用js实现复制内容到剪切板(支持苹果safari浏览器)

2020/1/18 20:42:10 字体: 浏览 8340

纯javascript实现复制文本并提示复制成功兼容PC端,移动端,适用所有浏览器,直接放项目就能用。


代码如下:

<a onclick="copyTxt('这是要复制的内容')">点击复制</a>
js:

<script>
//原生js实现复制内容到剪切板,兼容pc、移动端(支持Safari浏览器)
function copyTxt(text){
if(typeof document.execCommand!=="function"){
alert("复制失败,请长按复制");
return;
}
var dom = document.createElement("textarea");
dom.value = text;
dom.setAttribute('style', 'display: block;width: 1px;height: 1px;');
document.body.appendChild(dom);
dom.select();
var result = document.execCommand('copy');
document.body.removeChild(dom);
if (result) {
alert("复制成功");
return;
}
if(typeof document.createRange!=="function"){
alert("复制失败,请长按复制");
return;
}
var range = document.createRange();
var div=document.createElement('div');
div.innerHTML=text;
div.setAttribute('style', 'height: 1px;fontSize: 1px;overflow: hidden;');
document.body.appendChild(div);
range.selectNode(div);
const selection = window.getSelection();
if (selection.rangeCount > 0){
selection.removeAllRanges();
}
selection.addRange(range);
document.execCommand('copy');
alert("复制成功")
}
</script>

相关阅读
DIV+CSS实现内容垂直居中的一个例子
留言板留言板V7.2
对MD5加密方式使用者的建议
一个非常好的photoshop cs 教程下载地址
利用javascript简短功能就可以检查form表单中的元素是否已经填写
Div+CSS布局应该注重语义、注重代码的重用性
ASP读取json并输出
服务器iis配置.mp4视频格式播放(网页播放.mp4有声音但没有图像画面)
更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>同类信息
jquery下拉到某个固定位置然后某些元素发生改变样式状态
canvas绘制的文字如何换行
兼容pc、移动端用js实现复制内容到剪切板(支持苹果safari浏览器)
js兼容多个浏览器右下角漂浮广告
兼容ie6+和火狐的禁止右键
做在线客服时,聊天窗口的div滚动条始终在底部
更多>>最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>随机抽取信息
计算文本框字节数
江苏绿叶国际旅行社
深山行者留言系统V2.0 (简称留言板V2.0)
网页小键盘/软键盘
uni-app去除点击navigator标签时有背景底色问题
深山行者留言系统 v3.5