Acara Oncut
Contoh
Jalankan JavaScript saat memotong beberapa teks dalam elemen <input>:
<input type="text" oncut="myFunction()" value="Try to cut this text">
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Acara oncut terjadi ketika pengguna memotong konten elemen.
Catatan: Meskipun acara oncut didukung oleh semua elemen HTML, sebenarnya tidak mungkin untuk memotong konten, misalnya, elemen <p>, KECUALI elemen tersebut telah menyetel contenteditable ke "true" (Lihat "Contoh Lainnya" di bawah ).
Tip: Acara oncut sebagian besar digunakan pada elemen <input> dengan type="text".
Tip: Ada tiga cara untuk memotong konten elemen:
- Tekan CTRL + X
- Pilih "Potong" dari menu Edit di browser Anda
- Klik kanan untuk menampilkan menu konteks dan pilih perintah "Potong"
Dukungan Peramban
Event | |||||
---|---|---|---|---|---|
oncut | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Dalam HTML:
<element oncut="myScript">
Dalam JavaScript:
object.oncut = function(){myScript};
Dalam JavaScript, menggunakan metode addEventListener() :
object.addEventListener("cut", myScript);
Catatan: Metode addEventListener() tidak didukung di Internet Explorer 8 dan versi yang lebih lama.
Detail Teknis
Gelembung: | Ya |
---|---|
Dapat dibatalkan: | Ya |
Jenis acara: | ClipboardAcara |
Tag HTML yang didukung: | Semua elemen HTML |
Lebih Banyak Contoh
Contoh
Jalankan JavaScript saat memotong beberapa teks dari elemen <p> (Perhatikan bahwa contenteditable disetel ke "true"):
<p contenteditable="true" oncut="myFunction()">Try to cut this text</p>
Halaman Terkait
Referensi DOM HTML: acara oncopy
Referensi DOM HTML: acara tempel