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

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

WBOY

Libérer： 2016-05-16 15:59:31

original

1476 Les gens l'ont consulté

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

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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