js点击后将文字复制到剪贴板,将图片复制到画图
<!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>
复制文字:
- <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>
复制文字:
[html] view plaincopy- <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 plaincopy- <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 plaincopy- <!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点击后将文字复制到剪贴板,将图片复制到画图的更多相关文章
- js点击后将文字复制到剪贴板,将图片复制到剪贴板
复制文字: <table width="99%" border="0" cellpadding="0" cellspacing=&qu ...
- 【转】js实现复制到剪贴板功能,兼容所有浏览器
两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...
- 【原】js实现复制到剪贴板功能,兼容所有浏览器
两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...
- 黄聪:JS实现复制到剪贴板功能,兼容所有浏览器(转)
两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...
- 【转】js插件zClip实现复制到剪贴板功能
相信这个功能大家平时上网经常能碰到,以前也没怎么留意怎么实现的,直到项目中需要. 网上一搜一大堆,单纯使用js方法也不是没有,但是由于各浏览器的安全机制不同,不是跨浏览器的.去看了几个常用的网站,都是 ...
- 复制到剪贴板的JS实现--ZeroClipboard (兼解决IE下兼容问题)
复制到剪贴板的JS实现--ZeroClipboard (兼解决IE下兼容问题) 相信绝大多数人都遇到过这样的功能实现,“复制”或者“复制到剪贴板”这样的功能.但是由于各大浏览器的实现方案不一样,导致几 ...
- JS实现复制到剪贴板
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
- js插件zClip实现复制到剪贴板功能
相信这个功能大家平时上网经常能碰到,以前也没怎么留意怎么实现的,直到项目中需要. 网上一搜一大堆,单纯使用js方法也不是没有,但是由于各浏览器的安全机制不同,不是跨浏览器的.去看了几个常用的网站,都是 ...
- JS实现复制到剪贴板(兼容FF/Chrome/Safari所有浏览器)
现在浏览器种类也越来越多,诸如 IE.Firefox.Chrome.Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了. 在FLASH 9 时代,有一个通杀所有浏 ...
随机推荐
- Asp.Net MVC Identity 2.2.1 使用技巧(八)
一.添加管理链接 在View/Shared/_layout.cshtml,在页面导航上(28行)添加如下代码: @*通过身份验证并确认用户属于Admin角色显示管理菜单*@ @if (Request. ...
- idea 2018激活注册码
我使用的方法和pycharm激活类似,激活码不同而已pycharm激活步骤链接:可以新建标签打开https://www.cnblogs.com/-nbloser/p/8570648.html idea ...
- 021.5 IO流——字符流
###############基本功能写 FileWriter fw = new FileWriter("xxx.txt"); fw.write("哈喽"); ...
- poi导出excel出现本工作薄不能再使用其他新字体的解决方法
最近使用POI处理EXCEL,当处理的单元格太多时,就会出现,本工作薄使用字体过多,不能再使用其他新的字体的是提示. 网上很多方法告诉我,要怎么修改excel文件,但是这个解决不了问题啊,难道让客户去 ...
- JAVAWEB之文件的上传下载
文件上传下载 文件上传: 本篇文章使用的文件上传的例子使用的都是原生技术,servelt+jdbc+fileupload插件,这也是笔者的习惯,当接触到某些从未接触过的东西时,总是喜欢用最原始的东西将 ...
- canvas图形库
总结了一些canvas绘制2d图形的方法,记录在博客中,以便需要的同学参考,也便于日后加深记忆. 1. 圆角矩形: 如上图:w表示矩形的宽,h表示矩形的高,r表示矩形圆角的半径.整个矩形在画布中,(0 ...
- Java基础知识强化之集合框架笔记78:ConcurrentHashMap之 ConcurrentHashMap、Hashtable、HashMap、TreeMap区别
1. Hashtable: (1)是一个包含单向链的二维数组,table数组中是Entry<K,V>存储,entry对象: (2)放入的value不能为空: (3)线程安全的,所有方法均用 ...
- POJ3690 Constellations
嘟嘟嘟 哈希 刚开始我一直在想二维哈希,但发现如果还是按行列枚举的话会破坏子矩阵的性质.也就是说,这个哈希只能维护一维的子区间的哈希值. 所以我就开了个二维数组\(has_{i, j}\)表示原矩阵\ ...
- .Net Sokcet 异步编程
一.概述 使用Socket 进行实时通讯,如果使用APM,只需要一个Socket类即可.如果使用EAP,则还需要一个SocketAsyncEventArgs类.本文以EAP的方式展开讨论. Socke ...
- 三维偏序 cdq
luogu_3810 就是将逆序对转化到了三维上去 原理等我寒假再补 第一维sort解决 第二维并归排序(cdq)解决 第三维树状数组 // luogu-judger-enable-o2 #inclu ...