Penjelasan terperinci tentang penggunaan objek clipboardData dalam kemahiran javascript

Penjelasan terperinci tentang penggunaan objek clipboardData dalam kemahiran javascript_javascript

WBOY

Lepaskan： 2016-05-16 15:59:31

asal

1469 orang telah melayarinya

Contoh dalam artikel ini menerangkan penggunaan objek clipboardData dalam javascript. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

clipboardData objek, sila ambil perhatian bahawa papan keratan dalam halaman web hanya boleh menetapkan jenis Teks setakat ini, iaitu, ia hanya boleh menyalin teks
clearData("Teks") mengosongkan papan penampal
getData("Teks") membaca nilai papan tampal
setData("Teks",val) menetapkan nilai papan tampal

Apabila menyalin, peristiwa oncopy badan dicetuskan secara langsung mengembalikan palsu untuk melarang penyalinan
Banyak elemen juga mempunyai acara oncopy dan onpaste

1. Salin teks ke papan keratan

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

Salin selepas log masuk

2. Menyalin dan menampal adalah dilarang

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

Salin selepas log masuk

3.Tambah sumber apabila menyalin objek data papan keratan

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

Salin selepas log masuk

Saya harap artikel ini akan membantu pengaturcaraan C# semua orang.