acara oncut


oncut acara

instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<input type="text" oncut="myFunction()" value="尝试剪切该文本">
<p id="demo"></p>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "你剪切了文本!";
}
</script>

</body>
</html>

run instance»

klik Butang "Jalankan Instance" untuk melihat kejadian dalam talian

Lihat lebih banyak kejadian di bahagian bawah artikel ini.

Definisi dan Penggunaan

Acara oncut dicetuskan apabila pengguna memotong kandungan elemen.

Nota: Walaupun elemen HTML yang digunakan semua menyokong acara oncut, tidak semua elemen sebenarnya disokong, seperti elemen <p> Melainkan contenteditable ditetapkan kepada "true" (lihat di bawah untuk mendapatkan lebih banyak contoh).

Petua: Acara oncut biasanya digunakan dalam elemen <input>

Petua: Terdapat tiga cara untuk memotong kandungan:

  • Tekan CTRL + X
  • Pilih daripada menu edit penyemak imbas "Potong"
  • Klik kanan butang tetikus dan pilih arahan "Potong" dalam menu konteks.

Pelayar menyokong


17.png

Sintaks

HTML:

< ;elemen oncut="myScript">Cubalah

JavaScript:

objek.oncut =function(){myScript}; Cubalah

Dalam JavaScript, gunakan kaedah addEventListener():

objek .addEventListener("cut", myScript); Cubalah

Nota: Internet Explorer 8 dan versi IE terdahulu tidak menyokong kaedah addEventListener( ) .

Butiran teknikal
是否支持冒泡:Yes
是否可以取消:Yes
事件类型:ClipboardEvent
支持的 HTML 标签:所有 HTML 元素


Lagi contoh


Contoh 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p contenteditable="true" oncut="myFunction()">尝试剪切该文本</p>
<script>
function myFunction() {
    alert("你剪切了文本!");
}
</script>

</body>
</html>

Jalankan contoh»

Klik butang "Jalankan contoh" untuk melihat contoh dalam talian

yang berkaitan halaman

Manual Rujukan HTML DOM: acara oncopy

Manual Rujukan HTML DOM: acara onpaste