<!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" onclick="ButtonClick(this)"> 
    </div> 
</BODY> 
</body>
</HTML>

复制文字：

  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 plaincopy

  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>

复制图片：

    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>  

      复制文字：

      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 plaincopy

      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>

      复制图片：

        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>

js点击后将文字复制到剪贴板,将图片复制到画图的更多相关文章

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

    复制文字: <table width="99%" border="0" cellpadding="0" cellspacing=&qu ...

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

    两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...

  3. 【原】js实现复制到剪贴板功能，兼容所有浏览器

    两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...

  4. 黄聪：JS实现复制到剪贴板功能，兼容所有浏览器（转）

    两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...

  5. 【转】js插件zClip实现复制到剪贴板功能

    相信这个功能大家平时上网经常能碰到,以前也没怎么留意怎么实现的,直到项目中需要. 网上一搜一大堆,单纯使用js方法也不是没有,但是由于各浏览器的安全机制不同,不是跨浏览器的.去看了几个常用的网站,都是 ...

  6. 复制到剪贴板的JS实现--ZeroClipboard （兼解决IE下兼容问题）

    复制到剪贴板的JS实现--ZeroClipboard (兼解决IE下兼容问题) 相信绝大多数人都遇到过这样的功能实现,“复制”或者“复制到剪贴板”这样的功能.但是由于各大浏览器的实现方案不一样,导致几 ...

  7. JS实现复制到剪贴板

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

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

    相信这个功能大家平时上网经常能碰到,以前也没怎么留意怎么实现的,直到项目中需要. 网上一搜一大堆,单纯使用js方法也不是没有,但是由于各浏览器的安全机制不同,不是跨浏览器的.去看了几个常用的网站,都是 ...

  9. JS实现复制到剪贴板(兼容FF/Chrome/Safari所有浏览器)

    现在浏览器种类也越来越多,诸如 IE.Firefox.Chrome.Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了. 在FLASH 9 时代,有一个通杀所有浏 ...

随机推荐

  1. php中的html元素

    我们先看下面的代码 form2.php <html> <head><title>greetins eartyling</title></head& ...

  2. Python 常用文件

    获取当前文件的路径: from os import path d = path.dirname(__file__) #返回当前文件所在的目录 # __file__ 为当前文件, 若果在ide中运行此行 ...

  3. Java实现MD5加密及解密的代码实例分享

    链接:http://www.jb51.net/article/86027.htm Java实现MD5加密及解密的代码实例分享 作者:厦门大学陈黎栋 字体:[增加 减小] 类型:转载 时间:2016-0 ...

  4. 关于Class类的getResource().getPath()方法

    程序中配置文件如果放置在classes文件夹,那么我们就可以使用Class类的getResource().getPath()方法获取文件路径. 例如: String path = DBUtil.cla ...

  5. 021.3 IO流——字节流-FileInputStream读取字节

    内容:文件读取方法,读取方法例子,read(buf)方法中buf的取值,字节流缓冲区对象—提高读取速度/// 文件读取方法:fis.read(),fis.read(buf),具体看例子 例子:文件读取 ...

  6. jq模仿h5 placeholder效果

    $(".pay-license input").on("input propertychange blur",function(){ if($(this).va ...

  7. 3171. [TJOI2013]循环格【费用流】

    Description 一个循环格就是一个矩阵,其中所有元素为箭头,指向相邻四个格子.每个元素有一个坐标(行,列),其中左上角元素坐标为(0,0).给定一个起始位置(r,c) ,你可以沿着箭头防线在格 ...

  8. 随手练——POJ - 2676 数独 （回溯法）

    POJ - 2676 : http://poj.org/problem?id=2676: 解题思想 (大力出奇迹): 1. 依次在空格里面填上“1~9”,并检查这个数字是否合法(其所在的行.列,以及3 ...

  9. 7、RabbitMQ-主题模式

    1.模式图 发送到主题交换的消息不能具有任意的 routing_key - 它必须是由点分隔的单词列表. 单词可以是任何内容,但通常它们指定与消息相关的一些功能.一些有效的路由键示例:“ stock. ...

  10. jquery mobile changepage的三种传参方法介绍

    本来觉得changePage 那么多option,传几个参数应该没问题结果翻遍国内外网站,基本方法只有三种 1,显性传参,就是利用url这个地址把参数带上,然后到changepage后的新页面,用函数 ...