Rumah > Artikel > hujung hadapan web > Acara Papan Klip DOM HTML

Acara Papan Klip DOM HTML

王林ke hadapan: 2023-09-23 16:13:01959semak imbas

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]);




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

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

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

html 对象事件 dom input

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Bagaimana untuk menambah video ke halaman HTML?Artikel seterusnya：Bagaimana untuk menambah video ke halaman HTML?

Artikel berkaitan

Lihat lagi

Acara Papan Klip DOM HTML

Attributes

#🎜 🎜🎜#

#🎜#

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

Artikel berkaitan