เหตุการณ์ oncut

เหตุการณ์ DOM ClipboardEvent

คำอธิบายและการใช้งาน

เหตุการณ์ oncut จะเกิดขึ้นเมื่อผู้ใช้ตัดข้อความขององค์ประกอบ

ถึงแม้ว่าทุกองค์ประกอบ HTML จะสนับสนุนเหตุการณ์ oncut แต่ก็ไม่สามารถตัดข้อความได้ ตัวอย่างเช่น <p> ยกตัวอย่าง เมื่อองค์ประกอบนี้มีค่า contenteditable ตั้งเป็น "true" (ดูตัวอย่างด้านล่าง)

คำแนะนำ:เหตุการณ์ oncut ใช้สำหรับองค์ประกอบ <input> ที่มีค่า type ให้ว่า "text"

คำแนะนำ:มีวิธีสามวิธีที่เพื่อตัดองค์ประกอบ/ข้อความขององค์ประกอบ

  • CTRL + X
  • เลือกคำสั่งตัดจากเมนูแก้ไขของเว็บเบราเรอร์
  • เลือกคำสั่งตัดที่ดาวยุทธ์ด้านขวา

ตัวอย่าง

ตัวอย่าง 1

ปฏิบัติการ JavaScript ขณะตัดข้อความในแอลกอริทึม <input>:

<input type="text" oncut="myFunction()" value="Try to cut this text">

ลองทดลองด้วยตัวเอง

ตัวอย่าง 2

ปฏิบัติการ JavaScript ขณะทำการตัดข้อความในแอลกอริทึม <p> (จำเป็นต้องตั้งค่า contenteditable ให้เป็น "true")

<p contenteditable="true" oncut="myFunction()">Try to cut this text</p>

ลองทดลองด้วยตัวเอง

คำสั่ง

ใน HTML:

<element oncut="myScript">

ลองทดลองด้วยตัวเอง

ใน JavaScript:

object.oncut = function(){myScript};

ลองทดลองด้วยตัวเอง

ใน JavaScript ใช้วิธี addEventListener():

object.addEventListener("cut", myScript);

ลองทดลองด้วยตัวเอง

หมายเหตุ:Internet Explorer 8 หรือตัวรุ่นเก่ากว่าไม่สนับสนุน วิธีการ addEventListener()。

รายละเอียดเทคนิค

การลุกลาม: การสนับสนุน
สามารถยกเลิกได้: การสนับสนุน
ประเภทเหตุการณ์: ClipboardEvent
ตารางแสดงตามแบบ HTML ที่สนับสนุน： ทุกองค์ประกอบ HTML

การสนับสนุนโดยเบราเซอร์

เหตุการณ์ Chrome IE Firefox Safari Opera
oncut การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน

หน้าที่เกี่ยวข้อง

คู่มือ HTML DOM ของ HTML DOM：เหตุการณ์ oncopy

คู่มือ HTML DOM ของ HTML DOM：เหตุการณ์ onpaste

เหตุการณ์ DOM ClipboardEvent