cari

Rumah >hujung hadapan web >tutorial js >Penjelasan terperinci tentang penggunaan objek clipboardData dalam kemahiran javascript_javascript

Penjelasan terperinci tentang penggunaan objek clipboardData dalam kemahiran javascript_javascript

WBOY
WBOYasal
2016-05-16 15:59:311484semak imbas

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 09a7b3ef49c642fedbfab7590f4cb418
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>
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>
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>
Saya harap artikel ini akan membantu pengaturcaraan C# semua orang.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：JavaScript contoh gaya tetapan dinamik kemahiran analisis_javascriptArtikel seterusnya：JavaScript contoh gaya tetapan dinamik kemahiran analisis_javascript

Artikel berkaitan

Lihat lagi