Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der Verwendung des ClipboardData-Objekts in den Javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 15:59:31
Original
1469 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Verwendung des ClipboardData-Objekts in Javascript. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

clipboardData-Objekt. Bitte beachten Sie, dass die Zwischenablage auf der Webseite bisher nur den Texttyp festlegen kann, dh nur Text
kopieren kann clearData("Text") löscht die Zwischenablage
getData("Text") liest den Wert des Pasteboards
setData("Text",val) legt den Wert des Pasteboards fest

Beim Kopieren wird das Oncopy-Ereignis des Körpers ausgelöst, um das Kopieren zu verhindern.

Viele Elemente verfügen auch über Oncopy- und Onpaste-Ereignisse

1. Text in die Zwischenablage kopieren

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <script type="text/javascript">
 function CopyLinkAddress() {
  clipboardData.setData("Text", "请复制网址到您的QQ:" + location.href);
  alert("复制成功!");
 }
 </script>
</head>
<body>
 <input type="button" value="复制网址" onclick="CopyLinkAddress()" />
</body>
</html>
Nach dem Login kopieren

2. Kopieren und Einfügen sind verboten

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <script type="text/javascript">
 function CopyLinkAddress() {
  clipboardData.setData("Text", "请复制网址到您的QQ:" + location.href);
  alert("复制成功!");
 }
 </script>
</head>
<!--<body oncopy="alert('禁止复制');return false;">-->
<body>
 <input type="button" value="复制网址" onclick="CopyLinkAddress()" />
 测试复制的文本<br />
 手机号码1:<input type="text" /><br />
 手机号码2:<input type="text" 
 onpaste="alert('禁止粘贴,必须手工录入!');return false;" />
</body>
</html>
Nach dem Login kopieren

3.Fügen Sie beim Kopieren des ClipboardData-Objekts eine Quelle hinzu

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <script type="text/javascript">
 function ModifyCopyData() {
  clipboardData.setData('Text',clipboardData.getData('Text') +
   '\r\n来自Pigeon网站' + location.href);
 }
 </script>
</head>
<!--不能直接在oncopy中调用ModifyCopyData函数
 需设定定时器,0.1秒后执行,这样就不再oncopy的执行调用堆栈上了
-->
<body oncopy="setTimeout('ModifyCopyData()',100)">
 脚本之家:www.jb51.net
</body>
</html>
Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für alle bei der C#-Programmierung hilfreich sein wird.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage