javascript : 点击按钮，把某标签中的内容复制到剪贴板

需求如题。

静态页面如下。

需要的库：jquery（不用应该也能做）。

浏览器：PC chrome 68 Mobile MIUI9.5(Android 7)

<p>1.用电脑打开网址：<span id="span">www.baidu.com</span><a id="a" href="javascript:void(0)" onclick="copyFunc()">（点击复制）</a></p>

解决方法：

         $(function () {$(document.body).bind("copy",function(e){var cpTxt = document.getElementById('span').innerHTML;var clipboardData = window.clipboardData; //for IEif (!clipboardData) { // for chromeclipboardData = e.originalEvent.clipboardData;}//e.clipboardData.getData('text');//可以获取用户选中复制的数据clipboardData.setData('Text', cpTxt);alert("已复制到剪贴板");return false;//否则设不生效
            })})        function copyFunc(e){document.designMode = "on";document.execCommand('copy', true);document.designMode = "off";}

参考：

https://blog.csdn.net/hackersaillen/article/details/45694181

https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand

https://developer.mozilla.org/zh-CN/docs/Web/API/Document/designMode

转载于:https://www.cnblogs.com/foxcharon/p/9483165.html

javascript : 点击按钮，把某标签中的内容复制到剪贴板相关推荐

点击按钮返回数组 ages 中所有元素都大于输入框指定数值的元素和 $set()
返回数组 ages 中所有元素都大于输入框指定数值的元素: <body><p>点击按钮返回数组 ages 中所有元素都大于输入框指定数值的元素.</p> <p ...
如何控制在一个软件中特殊的字符比如#都显示为红色呢？该字符是作为标签中的内容出现的，可能出现在JLABEL,JCheckBox,JCombox的标签中的，
如何控制在一个软件中特殊的字符比如#都显示为红色呢?该字符是作为标签中的内容出现的,可能出现在JLABEL,JCheckBox,JCombox的标签中的, 1)在资源文件中该如何配置, 2)如果是硬编 ...
03_MyBatis基本查询，mapper文件的定义，测试代码的编写，resultMap配置返回值，sql片段配置，select标签标签中的内容介绍，配置使用二级缓存，使用别名的数据类型，条件查询ma
1 PersonTestMapper.xml中的内容如下: <?xmlversion="1.0"encoding="UTF-8"?> < ...
表格table中的td标签中的内容太多，影响整体外观，不美观。将一部分内容隐藏起来，用省略号代替
表格table中的td标签中的内容太多,影响整体外观,不美观.将一部分内容隐藏起来,用省略号代替. 招式:1.在table标签中加上style="table-layout: fixed;&q ...
禁用剪贴板html如何复制,如何在按钮单击时将干净的HTML复制到剪贴板？
我想单击按钮时将图像复制到剪贴板,但是当我粘贴它时,它始终有我想要删除的style="...".如何在按钮单击时将干净的HTML复制到剪贴板? function copy(sele ...
javascript 将内容复制到剪贴板
javascript 将内容复制到剪贴板 CreateTime--2017年9月19日11:36:50 Author:Marydon js 操作剪贴板 1.设置剪贴板内容 UpdateTime--20 ...
文件读写操作：把文件a.txt中的内容复制到文件b.txt中
文件读写操作:把文件a.txt中的内容复制到文件b.txt中 package com.io.reader;import java.io.File; import java.io.FileNotFoun ...
Android中点击按钮获取string.xml中内容并弹窗提示
场景 AndroidStudio跑起来第一个App时新手遇到的那些坑: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/103797 ...
Android Studio ：1、连接手机调试（超级详细；附带连接测试录像）；2、点击Button按钮，显示Toast中的内容
手机端视频演示:[视频地址:https://live.csdn.net/v/18079] SVID_20200218_211351_1.mp4 操作环境: 电脑(Windows 10 教育版): ...

javascript : 点击按钮，把某标签中的内容复制到剪贴板

javascript : 点击按钮，把某标签中的内容复制到剪贴板相关推荐

最新文章

热门文章