js实现点击后将文字或图片复制到剪贴板的方法
投稿：shichen2014
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了js实现点击后将文字或图片复制到剪贴板的方法,功能非常实用,需要的朋友可以参考下
本文实例讲述了js实现点击后将文字或图片复制到剪贴板的方法，代码非常简洁实用，具体功能代码如下所示：
实现复制文字代码：
&table width="99%" border="0" cellpadding="0" cellspacing="0" class="firtable"&
&th width="100%" style="color:"&&s:text name="询单明细"&&/s:text&&/th&
&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"/&
dojo.byId("inquiryContact1").innerText=dojo.byId("inquiryInfoDIV").innerT
&/td& &/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").
window.clipboardData.setData('text', contat);
if(window.clipboardData.getData('text')==''){
alert("复制失败，请手动Ctrl+C快捷键复制！");
alert("复制失败，请重新复制！");
alert("内容已经复制到剪贴板！");
实现复制图片代码：
&!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&
&meta http-equiv="Content-Type" content="text/ 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 controlR
if (document.body.createControlRange) {
controlRange = document.body.createControlRange();
controlRange.addElement(div);
controlRange.execCommand('Copy');
div.contentEditable = 'false';
&div id="divId1"&
&img src="F:/4964.jpg" onclick="ButtonClick(this)"&
感兴趣的读者可以测试自己测试一下代码，或者对其功能进行修改和完善！
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具后使用快捷导航没有帐号？
只需一步，快速开始
查看: 13297|回复: 8
如何用JS实现：鼠标点击一个DIV里的a标签时，在另外一个DIV显示出该a标签的内容
UID623574在线时间 小时积分293帖子离线17237 天注册时间
中级会员, 积分 293, 距离下一级还需 207 积分
本帖最后由
14:25 编辑
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&无标题文档&/title&
height:500}
height:200
background-color:#CCCCCC;}
height:200
background-color:#F00;}
&script type=&text/javascript&&
window.onclick=function(){
var oto1=document.getElementById('div1');
var oto2=oto1.getElementsByTagName('li');
var oto3=document.getElementById('div2');
for(var i=0;i&oto2.i++){
oto2[i].onclick=function(){
oto3.innerHTML=oto2[i].innerHTML;
&div id=&div0&&
&div id=&div1&&
&li&&a href=&#&&1&/a&&/li&
&li&&a href=&#&&2&/a&&/li&
&li&&a href=&#&&3&/a&&/li&
&li&&a href=&#&&4&/a&&/li&
&li&&a href=&#&&5&/a&&/li&
&div id=&div2&&&/div&
&提示：您可以先修改部分代码再运行
刚开始学JS，然后网站中需要一个效果，就是点击左边DIV里的超链接，然后把这个超链接的内容（也就是&a href=&&&&/a&之间的内容）显示在另一个DIV里面，求助前辈~~为什么我写的出不来？
UID623574在线时间 小时积分293帖子离线17237 天注册时间
中级会员, 积分 293, 距离下一级还需 207 积分
刚开始学JS，然后网站中需要一个效果，就是点击左边DIV里的超链接，然后把这个超链接的内容（也就是&a href=&&&&/a&之间的内容）显示在另一个DIV里面，求助前辈~~为什么我写的出不来？
UID521770在线时间 小时积分342帖子离线17237 天注册时间
中级会员, 积分 342, 距离下一级还需 158 积分
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&head&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&无标题文档&/title&
&style&
#div0{
& & & & width:700
& & & & height:500}
#div1{
& & & & width:300
& & & & height:200
& & & & float:
& & & & background-color:#CCCCCC;}
#div2{
& & & & width:300
& & & & height:200
& & & & float:
& & & & background-color:#F00;}
&/style&
&script type=&text/javascript&&
& & & & window.onload=function(){
& & & & & & & & var oto1=document.getElementById('div1');
& & & & & & & & var oto2=oto1.getElementsByTagName('li');
& & & & & & & & var oto3=document.getElementById('div2');
& & & & & & & & for(var i=0;i&oto2.i++){
& & & & & & & & & & & & oto2[i].index=i;
& & & & & & & & & & & & oto2[i].onclick=function(){
& & & & & & & & & & & & & & & & oto3.innerHTML=oto2[this.index].innerHTML;
& & & & & & & & & & & & & & & &
& & & & & & & & & & & & & & & &
& & & & & & & & & & & & & & & & }
& & & & & & & & & & & & }
& & & & & & & & }
&/script&
&/head&
&body&
&div id=&div0&&
&div id=&div1&&
&ul&
&&&li&&a href=&#&&1&/a&&/li&
&&&li&&a href=&#&&2&/a&&/li&
&&&li&&a href=&#&&3&/a&&/li&
&&&li&&a href=&#&&4&/a&&/li&
&&&li&&a href=&#&&5&/a&&/li&
&/ul&
&/div&
&div id=&div2&&&/div&
&/div&
&/body&
&/html&
复制代码
UID484574在线时间 小时积分2682帖子离线17237 天注册时间
银牌会员, 积分 2682, 距离下一级还需 318 积分
window.onload 你写成window.onclick了
UID637845在线时间 小时积分11帖子离线17237 天注册时间
新手上路, 积分 11, 距离下一级还需 39 积分
oto2[i].onclick=function(){
& & & & & & & & & & & & & & & & oto3.innerHTML=this.innerHTML;
& & & & & & & & & & & & & & & & }
UID623574在线时间 小时积分293帖子离线17237 天注册时间
中级会员, 积分 293, 距离下一级还需 207 积分
zhouqijie12 发表于
嗯&&非常感谢你~前辈啊！！我还得多加强学习！！
UID623574在线时间 小时积分293帖子离线17237 天注册时间
中级会员, 积分 293, 距离下一级还需 207 积分
wyysf 发表于
window.onload 你写成window.onclick了
嗯，多谢大侠的指点，感激不尽~~
UID623574在线时间 小时积分293帖子离线17237 天注册时间
中级会员, 积分 293, 距离下一级还需 207 积分
Yii 发表于
oto2.onclick=function(){
& & & & & & & & & & & & & & & & oto3.innerHTML=this.innerHTML;
& & & & & & & & & & & & & & & & }
谢谢提点~~
UID678436在线时间 小时积分8帖子离线17237 天注册时间
新手上路, 积分 8, 距离下一级还需 42 积分
js:当点击一个链接时,被链接的内容div会覆盖链接前的内容div，这个怎么做？
Powered byjs实现文本框中输入文字页面中div层同步获取文本框内容的方法
作者：代码家园
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了js实现文本框中输入文字页面中div层同步获取文本框内容的方法,实例分析了javascript操作dom元素的技巧,需要的朋友可以参考下
本文实例讲述了js实现文本框中输入文字页面中div层同步获取文本框内容的方法。分享给大家供大家参考。具体实现方法如下：
代码如下:&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type" content="text/ charset=gb2312" /&
&title&文本框中输入文字，页面中div层同步获取文本框内容&/title&
textarea{width:300height:150 border:1px solid #CCC; font-size:12 color:#000;}
p{ padding-left:30 text-indent:-30width:270height:250 border:1px solid #900; margin-top:50 font-size:12 color:#F00; line-height:21 overflow:hidden}
&script type="text/javascript"&
&function SwapTxt()
&&&&& var txt = document.getElementById("eml").
&&&&& document.getElementById("lyny").innerHTML=
& &textarea name="" cols="" rows="" class="loe_hk10" id="eml" onkeyup="SwapTxt()"&&/textarea&
& &p id="lyny"&代码家园提示：请在上面的文本框中输入文字，如www.jb51.net&/p&
希望本文所述对大家的javascript程序设计有所帮助。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具css+js点击右侧文字左侧显示图片及文字介绍
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
太给力啊！非常的感谢啊！}