suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Verwendung des ClipboardData-Objekts in den Javascript-Kenntnissen

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

WBOY
WBOYOriginal
2016-05-16 15:59:311485Durchsuche

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.
808c346537edff997e24e03479843dd4
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>

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>

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>

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

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：Beispiel für einen dynamischen JavaScript-Einstellungsstil: Analyse_Javascript-KenntnisseNächster Artikel：Beispiel für einen dynamischen JavaScript-Einstellungsstil: Analyse_Javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen