js實現點擊後將文字或圖片複製到剪貼簿的方法_javascript技巧
- WBOY原創
- 2016-05-16 16:40:262026瀏覽
本文實例講述了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>
有興趣的讀者可以測試自己測試程式碼，或對其功能進行修改和完善！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn