recherche

Maison >interface Web >js tutoriel >Explication détaillée de l'utilisation de l'objet clipboardData dans les compétences javascript_javascript

Explication détaillée de l'utilisation de l'objet clipboardData dans les compétences javascript_javascript

WBOY
WBOYoriginal
2016-05-16 15:59:311490parcourir

L'exemple de cet article décrit l'utilisation de l'objet clipboardData en javascript. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

objet clipboardData, veuillez noter que le presse-papiers de la page Web ne peut pour l'instant définir que le type de texte, c'est-à-dire qu'il ne peut copier que du texte
clearData("Text") efface le presse-papier
getData("Text") lit la valeur du presse-papier
setData("Text",val) définit la valeur du presse-papier

Lors de la copie, l'événement oncopy du corps est déclenché. Renvoie directement false pour interdire la copie. Notez que le texte de la page Web ne peut pas être copié
. 4eea0e083e3f1481e65055c1c3eddd9b
De nombreux éléments ont également des événements oncopy et onpaste

1. Copiez le texte dans le presse-papiers 

<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. Le copier-coller est interdit

<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.Ajouter une source lors de la copie de l'objet clipboardData

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

J'espère que cet article sera utile à la programmation C# de chacun.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Exemple de style de paramètre dynamique JavaScript, compétences d'analyse_javascriptArticle suivant：Exemple de style de paramètre dynamique JavaScript, compétences d'analyse_javascript

Articles Liés

Voir plus