兼容pc、移动端用js实现复制内容到剪切板(支持苹果safari浏览器)
纯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>
- 相关阅读
- python自动控制鼠标操作pymouse
- jquery中动态生成的代码使用on hover事件时不出现效果
- javascript根据内容转换为拼音
- 旅行社线路主题默认模板4
- 拖动效果 封装 已经修改,适应火狐
- 红色圣诞老人留言板模板
- Javascript脚本常用代码
- ASP常用内置函数(上)
- 共有0条关于《兼容pc、移动端用js实现复制内容到剪切板(支持苹果safari浏览器)》的评论
- 发表评论
您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。
- 更多>>同类信息
- jquery下拉到某个固定位置然后某些元素发生改变样式状态
- canvas绘制的文字如何换行
- 兼容pc、移动端用js实现复制内容到剪切板(支持苹果safari浏览器)
- js兼容多个浏览器右下角漂浮广告
- 兼容ie6+和火狐的禁止右键
- 做在线客服时,聊天窗口的div滚动条始终在底部