js实现点击后将文字或图片复制到剪贴板的方法
作者：shichen2014 时间：2024-04-30 09:51:07
本文实例讲述了js实现点击后将文字或图片复制到剪贴板的方法，代码非常简洁实用，具体功能代码如下所示：
实现复制文字代码：
<table width="99％" border="0" cellpadding="0" cellspacing="0" class="firtable">
<tr>
<th width="100％" style="color: white;"><s:text name="询单明细"></s:text></th>
</tr>
<tr>
<td align="center">
<textarea name="inquiryContact1" id="inquiryContact1" rows="15" cols="60" readonly="readonly"></textarea>
<div id="inquiryInfoDIV" style="display:none">
<s:property value="inquiryContact" escape="false"/>
</div>
<script> dojo.byId("inquiryContact1").innerText=dojo.byId("inquiryInfoDIV").innerText;
</script>
</td> </tr>
<tr>
<td align="center">
<input type="button" id="button" name="button" value="复制" onclick="copyContact()"/>
</td> </tr> </table>
<script type="text/javascript">
var i = 0 ;
function copyContact(){
var contat = document.getElementById("inquiryContact1").value;
window.clipboardData.setData('text', contat);
if(window.clipboardData.getData('text')==''){
if(i==1){
alert("复制失败，请手动Ctrl+C快捷键复制！");
}else{
alert("复制失败，请重新复制！");
i = 1;
}
}else{
alert("内容已经复制到剪贴板！");
}
}
</script>
实现复制图片代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<SCRIPT LANGUAGE="JScript">
var oPopup = window.createPopup();
function ButtonClick(div)
{
//var div = document.getElementById('divId');
div.contentEditable = 'true';
var controlRange;
if (document.body.createControlRange) {
controlRange = document.body.createControlRange();
controlRange.addElement(div);
controlRange.execCommand('Copy');
}
div.contentEditable = 'false';
}
</SCRIPT>
</head>
<body>
<div id="divId1">
<img src="F:/2012070518474964.jpg" onclick="ButtonClick(this)">
</div>
</BODY>
</body>
</html>
感兴趣的读者可以测试自己测试一下代码，或者对其功能进行修改和完善！
标签：js,点击,文字,图片,复制,剪贴板
0
投稿猜你喜欢
加载 Javascript 最佳实践
2011-01-16 18:29:00
windows系统下Python环境搭建教程
2021-06-25 11:07:53
thinkphp3.x连接mysql数据库的方法(具体操作步骤)
2023-11-22 20:04:41
Python中使用kitti数据集实现自动驾驶(绘制出所有物体的行驶轨迹)
2023-06-27 17:02:54
python遍历迭代器自动链式处理数据的实例代码
2022-04-12 18:38:29
高效优化博客的用户阅读体验
2009-06-16 18:09:00
Python chardet库识别编码原理解析
2021-03-18 16:41:54
js实现直播点击飘心效果
2024-02-24 18:29:22
Oracle表空间数据库文件收缩案例解析
2024-01-13 02:07:34
python中return不返回值的问题解析
2021-04-26 20:36:07
Python数据结构之双向链表的定义与使用方法示例
2023-06-29 06:20:45
使用Python抓取模板之家的CSS模板
2022-04-09 18:35:52
详解Django中Request对象的相关用法
2021-12-08 16:30:06
为什么MySQL不建议使用SELECT *
2024-01-26 21:29:44
Web脚本开发语言比较
2007-08-22 17:32:00
Python小白垃圾回收机制入门
2022-05-20 04:38:42
Python Pillow Image.save 保存为jpg图片压缩问题
2023-07-05 11:13:49
Python实现图片转字符画的示例代码
2021-07-13 19:21:03
python操作excel的方法（xlsxwriter包的使用）
2021-10-26 21:47:54
javascript DOM实用学习资料第1/3页
2024-04-25 13:09:44