Acara Papan Klip DOM HTML-html tutorial-php.cn

Acara Papan Klip DOM HTML

王林

Lepaskan： 2023-09-23 16:13:01

ke hadapan

1031 orang telah melayarinya

Acara Papan Klip DOM HTML digunakan untuk memberikan maklumat tentang pengubahsuaian papan keratan. Acara boleh dipotong, salin dan tampal. Acara papan keratan boleh digunakan untuk menjadikan tapak web anda lebih mudah diakses dengan memberikan pengguna maklumat tentang cara papan keratan telah diubah suai.

Attributes

Berikut ialah atribut acara Papan Klip −

atribut##🎜 🎜## 🎜🎜#PeneranganclipboardData#🎜membuat operasi penyalinan fail atau tampal ) mempengaruhi objek data. AcaraBerikut ialah jenis acara yang tergolong dalam acara Papan Klip−

#🎜 🎜🎜#

Acara

Penerangan#🎜🎜🎜🎜🎜🎜🎜🎜 #🎜 🎜 #Acara ini dicetuskan apabila pengguna menyalin kandungan elemen. OncutAcara ini dicetuskan apabila pengguna memotong kandungan elemen. onpasteAcara ini dicetuskan apabila pengguna menampal beberapa kandungan dalam elemen. Tatabahasa Mari kita lihat contoh salah satu acara Clipboard oncopy -

var clipboardEvent = new ClipboardEvent(type,[options]);

Salin selepas log masuk




Berikut ialah sintaks acara papan keratan −#🎜🎜🎜#rreee jenis boleh menjadi 'Potong', 'Salin' atau 'Tampal', hujah kedua adalah pilihan. Parameter kedua mengandungi ClipboardData, dataType dan data.	Contoh

Output #🎜🎜🎜#🎎 menghasilkan Output berikut −

apabila menyalin teks dalam TEXTBOX −

#🎜#

#🎜##🎜🎜 🎜 #Dalam contoh di atas−

kami mencipta elemen Ia mempunyai teg TEXTBOX yang diberikan kepadanya dan sudah mengandungi beberapa teks untuk dipilih oleh pengguna. Selepas pengguna menyalin teks, kaedah CopyText() akan dilaksanakan.

<!DOCTYPE html>
<html>
<body>
<form>
<label> TEXTBOX <input type="text" oncopy="CopyText()" value="Copy this text">
</label>
</form>
<p id="Sample"></p>
<script>
   function CopyText() {
      document.getElementById("Sample").innerHTML = "The text has been copied by you!"
   }
</script>
</body>
</html>

Salin selepas log masuk

Kaedah CopyText() menggunakan kaedah getElementById() pada dokumen untuk mendapatkan elemen

dan memaparkan "Anda telah menyalin teks!"

<label> TEXTBOX <input type="text" oncopy="CopyText()" value="Copy this text">

Salin selepas log masuk

Atas ialah kandungan terperinci Acara Papan Klip DOM HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!