本文實例講述了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>
感興趣的讀者可以測試自己測試一下代碼，或者對其功能進行修改和完善！