js点击后将文字复制到剪贴板,将图片复制到画图

最新推荐文章于 2024-07-26 20:46:33 发布

weixin_30711917

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量138

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wshsdlau/p/3481092.html

版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<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="http://avatar.csdn.net/5/1/D/1_yy_2011.jpg" οnclick="ButtonClick(this)">
    </div>
</BODY>
</body>
</HTML>

复制文字：

[html] view plain copy

<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>

[javascript] view plain copy

<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>

复制图片：

[html] view plain copy

1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2. <html>
3. <head>
4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5. <title>Insert title here</title>
6. <SCRIPT LANGUAGE="JScript">
7. var oPopup = window.createPopup();
8. function ButtonClick(div)
9. {
10. //var div = document.getElementById('divId');
11. div.contentEditable = 'true';
12. var controlRange;
13. if (document.body.createControlRange) {
14. controlRange = document.body.createControlRange();
15. controlRange.addElement(div);
16. controlRange.execCommand('Copy');
17. }
18. div.contentEditable = 'false';
19. }
20. </SCRIPT>
21. </head>
22. <body>
23. <div id="divId1">
24. <img src="F:/2012070518474964.jpg" onclick="ButtonClick(this)">
25. </div>
26. </BODY>
27. </body>
28. </html>
  复制文字：
  [html] view plain copy
  1. <table width="99%" border="0" cellpadding="0" cellspacing="0" class="firtable">
  2. <tr>
  3. <th width="100%" style="color: white;"><s:text name="询单明细"></s:text></th>
  4. </tr>
  5. <tr>
  6. <td align="center">
  7. <textarea name="inquiryContact1" id="inquiryContact1" rows="15" cols="60" readonly="readonly"></textarea>
  8. <div id="inquiryInfoDIV" style="display:none">
  9. <s:property value="inquiryContact" escape="false"/>
  10. </div>
  11. <script> dojo.byId("inquiryContact1").innerText=dojo.byId("inquiryInfoDIV").innerText;
  12. </script>
  13. </td> </tr>
  14. <tr>
  15. <td align="center">
  16. <input type="button" id="button" name="button" value="复制" onclick="copyContact()"/>
  17. </td> </tr> </table>
  [javascript] view plain copy
  1. <script type="text/javascript">
  2. var i = 0 ;
  3. function copyContact(){
  4. var contat = document.getElementById("inquiryContact1").value;
  5. window.clipboardData.setData('text', contat);
  6. if(window.clipboardData.getData('text')==''){
  7. if(i==1){
  8. alert("复制失败，请手动Ctrl+C快捷键复制！");
  9. }else{
  10. alert("复制失败，请重新复制！");
  11. i = 1;
  12. }
  13. }else{
  14. alert("内容已经复制到剪贴板！");
  15. }
  16. }
  17. </script>
  复制图片：
  [html] view plain copy
  1. 1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    2. <html>
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    5. <title>Insert title here</title>
    6. <SCRIPT LANGUAGE="JScript">
    7. var oPopup = window.createPopup();
    8. function ButtonClick(div)
    9. {
    10. //var div = document.getElementById('divId');
    11. div.contentEditable = 'true';
    12. var controlRange;
    13. if (document.body.createControlRange) {
    14. controlRange = document.body.createControlRange();
    15. controlRange.addElement(div);
    16. controlRange.execCommand('Copy');
    17. }
    18. div.contentEditable = 'false';
    19. }
    20. </SCRIPT>
    21. </head>
    22. <body>
    23. <div id="divId1">
    24. <img src="F:/2012070518474964.jpg" onclick="ButtonClick(this)">
    25. </div>
    26. </BODY>
    27. </body>
    28. </html>

转载于:https://www.cnblogs.com/wshsdlau/p/3481092.html

weixin_30711917

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js点击后将文字复制到剪贴板,将图片复制到画图

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAM...
复制链接

扫一扫