JS 将字符串复制到剪贴板

  const el = document.createElement(‘textarea‘);
  el.value = str;
  el.setAttribute(‘readonly‘, ‘‘);
  el.style.position = ‘absolute‘;
  el.style.left = ‘-9999px‘;
  document.body.appendChild(el);
  const selected =
    document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false;
  el.select();
  document.execCommand(‘copy‘);
  document.body.removeChild(el);
  if (selected) {
    document.getSelection().removeAllRanges();
    document.getSelection().addRange(selected);
  }
};

// 事例
copyToClipboard(‘Lorem ipsum‘);
// ‘Lorem ipsum‘ copied to clipboard

原文地址:https://www.cnblogs.com/wkk2020/p/12515135.html

时间: 2024-09-30 09:52:48

JS 将字符串复制到剪贴板的相关文章

js 将内容复制到剪贴板

js 将内容复制到剪贴板 CreationTime--2018年7月1日15点06分 Author:Marydon function copyToClipboard(txt) { if(window.clipboardData){ // 清空剪贴板 window.clipboardData.clearData(); // 赋值 window.clipboardData.setData("Text", txt); alert('复制成功!') }else{ alert('请手动复制!')

JQery插件clipboard.js ----将文本复制到剪贴板的现代化方法

### 之前用了js自带的剪贴板对象clipboardData 对象以为就可以实现粘贴复制,但是种只支持IE的. 就找了jq的一个插件Zclip,但是网上的说法是利用了flesh来实现的,我用了之后可以实现,但是面对我自啊table的td中存在多个要实现粘贴复制的话,就会有问题了. 所以,才找了现在这个jqery的另一个插件,相对更好些,能够支持移动端的 ### 插件官网:https://clipboardjs.com/ 实现起来也很简单, 我就弄个例子: <!DOCTYPE html> &l

JS实现各种复制到剪贴板

一.实现点击按钮,复制文本框中的的内容 <script type="text/javascript"> function copyUrl2() { var Url2=document.getElementById("biao1"); Url2.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令 alert("已复制好,可贴粘."); } <

将字符串复制到剪贴板

1.需要的Java包 import java.awt.Toolkit; import java.awt.datatransfer.Clipboard; import java.awt.datatransfer.StringSelection; import java.awt.datatransfer.Transferable; 2.代码实现 /** * copy支付链接 */ @RequestMapping("/copyLink.do") @ResponseBody public St

黄聪:JS实现复制到剪贴板功能,兼容所有浏览器(转)

两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能会更大.成长以来,很多朋友也听说到不少激励自己上进的话,但不是每个人都能一直坚持做下来,其实,这个跟自己的性格以及周围的环境都有很大关系,只能说多找方法.条件给自己鼓励,不断提高对自己的要求,才有机会获得多一点的成就. 今年下半年打算在组内建个叫『移动开发指南』的站点,在网站框架搭建过程,有一个功能

【转】js实现复制到剪贴板功能,兼容所有浏览器

两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能会更大.成长以来,很多朋友也听说到不少激励自己上进的话,但不是每个人都能一直坚持做下来,其实,这个跟自己的性格以及周围的环境都有很大关系,只能说多找方法.条件给自己鼓励,不断提高对自己的要求,才有机会获得多一点的成就. 今年下半年打算在组内建个叫『移动开发指南』的站点,在网站框架搭建过程,有一个功能

copyToClipboard - 复制到剪贴板advanced

将一个字符串复制到剪贴板. 仅作为用户操作的结果(即,在 click 事件侦听器中). 创建一个新的 <textarea> 元素,用提供的数据填充它,并将其添加到 HTML 文档中. 使用 Selection.getRangeAt() 来存储选择的范围(如果有的话). 使用 document.execCommand('copy') 复制到剪贴板. 从HTML文档中删除 <textarea> 元素. 最后,使用 Selection().addRange() 来恢复原始选择范围(如果有

JS实现复制到剪贴板

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>复制到剪贴板</title> <script src="http://img3

js插件zClip实现复制到剪贴板功能

之前在一个项目中用过插件,但是最近又要做,发现,出现问题了,根据以往记忆做好,检查了所有问题,还是不出现,元素是绑定了zclip_type这个事件,就是弹出不显示,想了下,查看html结构元素一看,问题发现,覆盖的层定位有问题.相对body定位了,没有相对td定位. 一,准备工作. 准备好jquery,然后去http://www.steamdev.com/zclip/这里下载jquery.zclip.js和ZeroClipboard.swf ,不过那里的ZeroClipboard.swf下载地址