ios下js复制到粘贴板_兼容pc、移动端用js实现复制内容到剪切板（支持苹果safari浏览器）...

怼烎@ 2022-12-31 09:24 292阅读 0赞

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

浏览 3086 时间：2020/1/18 20:42:10

![Image 1][]

当前标签

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

代码如下：

点击复制

js：

//原生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("复制成功")

\}

![Image 1][]

正在加载评论……

呢 称：

表 情：

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

![Image 1][]

内 容：

评论内容：不能超过 400 字，需审核，请自觉遵守互联网相关政策法规。

验证码：

![Image 1][]

网友评论声明，请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款：

一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家、社会、集体和公民的合法权益；

二、不得发布国家法律、法规明令禁止的内容；互相尊重，对自己在本站的言论和行为负责；

三、本站对您所发布内容拥有处置权。

[Image 1]:

发表评论取消回复

表情：

评论列表（有 0 条评论，292人围观）

还没有评论，来说两句吧...

相关阅读

相关原生js实现点击复制到剪切板，兼容ios苹果iphone方法

![6b680205f89c1ef440bec0476da31c6f.png][] 前端页面要复制的内容在input输入框或者textarea文本框内，实现点击文本框将内容复

港控/mmm°/ 2023年10月08日 22:12/ 0 赞/ 10 阅读

相关 js 如何复制内容到剪切板最新方法

项目上需要将文本内容复制到剪切板，看了网上的方法，有用 clipboard.js 插件的，npm 上还有一些相似插件。还有手写的，但是原理都是一样的。都是通过调用 docu

素颜马尾好姑娘i/ 2023年01月08日 10:27/ 0 赞/ 138 阅读

相关 ios下js复制到粘贴板_兼容pc、移动端用js实现复制内容到剪切板（支持苹果safari浏览器）...

兼容pc、移动端用js实现复制内容到剪切板(支持苹果safari浏览器) 浏览 3086 时间：2020/1/18 20:42:10 ![Image 1][] 当前标签

怼烎@/ 2022年12月31日 09:24/ 0 赞/ 293 阅读

相关 js复制文本内容到剪切板

<script type="text/javascript"> function copyUrl2() { var Ur

淡淡的烟草味﹌/ 2022年11月10日 05:30/ 0 赞/ 262 阅读

相关 js复制html到粘贴板,JS点击按钮复制内容到粘贴板中

写在前面有时候，我们文章中有一段经典代码或者精彩内容，可能会被人复制引用，如果用鼠标选择，非常不友好，尤其是移动端。这时候我们可以给该内容添加点击事件，比如双击复制到粘贴板

叁歲伎倆/ 2022年10月11日 03:53/ 0 赞/ 339 阅读

相关 ios下js复制到粘贴板,在iOS中使用Javascript复制到剪贴板

![Image 1][] I'm using this function to copy a URL to the clipboard: function CopyUrl(

￡神魔★判官ぃ/ 2022年08月30日 11:13/ 0 赞/ 363 阅读

相关使用clipboard.js复制页面内容到剪切板

转自：[https://www.cnblogs.com/lkxsnow/p/5372665.html][https_www.cnblogs.com_lkxsnow_p_5372

亦凉/ 2022年04月15日 05:52/ 0 赞/ 702 阅读

相关 JS复制内容到剪切板

Html <input id="demoInput" v-model="url.pcPlayUrl" > <el-button

深藏阁楼爱情的钟/ 2022年04月06日 01:36/ 0 赞/ 338 阅读

相关 js复制内容到剪切板方法封装

// 复制的方法 function copyText(text, callback){ // text: 要复制的内容， callback: 回调

绝地灬酷狼/ 2022年04月04日 04:50/ 0 赞/ 373 阅读

相关 js实现复制文本内容到剪切板

原文出处：[https://blog.csdn.net/github\_36091081/article/details/77508710][https_blog.csdn.n

水深无声/ 2021年09月16日 03:06/ 0 赞/ 499 阅读