suchen

Heim >Web-Frontend >js-Tutorial >js-Methode zum Kopieren von Text oder Bildern in die Zwischenablage nach dem Klicken_Javascript-Kenntnisse

js-Methode zum Kopieren von Text oder Bildern in die Zwischenablage nach dem Klicken_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 16:40:262027Durchsuche

Das Beispiel in diesem Artikel beschreibt die js-Methode zum Kopieren von Text oder Bildern nach dem Klicken. Der Code ist sehr prägnant und praktisch. Der spezifische Funktionscode lautet wie folgt:

Kopiertextcode implementieren: 

<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>

Implementieren Sie den Code zum Kopieren von Bildern: 

<!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>

Interessierte Leser können den Code selbst testen oder seine Funktionen ändern und verbessern!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：JS implementiert verwandte Dropdown-Feldeffekte während der Schlüsselwortsuche_Javascript-FähigkeitenNächster Artikel：JS implementiert verwandte Dropdown-Feldeffekte während der Schlüsselwortsuche_Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen