เหตุการณ์ oncopy

เหตุการณ์ DOM ClipboardEvent

คำอธิบายและวิธีใช้

เหตุการณ์ oncopy จะเกิดขึ้นเมื่อผู้ใช้คัดลอก content ของ element

คำเตือน:เหตุการณ์ oncopy จะเกิดขึ้นเมื่อผู้ใช้คัดลอก element ที่สร้างด้วย element <img> (เช่น ภาพ)

คำเตือน: เหตุการณ์ oncopy ใช้สำหรับ element ที่มี type="text" ใน <input> มาก

คำเตือน:นี่คือวิธีสามที่คัดลอก element หรือ content ของ element

  • CTRL + C
  • เลือกคำสั่งคัดลอกจากเมนูแก้ไขของเบราว์เซอร์
  • เลือกคำสั่งคัดลอกด้วยขาออกมา

ตัวอย่าง

ตัวอย่าง 1

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

<input type="text" oncopy="myFunction()" value="Try to copy this text">

ลองทดลองเอง

ตัวอย่าง 2

ปฏิบัติการ JavaScript ขณะคัดลอกข้อความใน <p> element

<p oncopy="myFunction()">Try to copy this text</p>

ลองทดลองเอง

ตัวอย่าง 3

ปฏิบัติการ JavaScript ขณะคัดลอกภาพ

<img src="codew3c.gif" oncopy="myFunction()">

ลองทดลองเอง

ภาษาบอกความ

ใน HTML:

<element oncopy="myScript">

ลองทดลองเอง

ใน JavaScript:

object.oncopy = function(){myScript};

ลองทดลองเอง

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

object.addEventListener("copy", myScript);

ลองทดลองเอง

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

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

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

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

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

หมายเหตุ:หมายเหตุ: ในบางเบราเซอร์ การทำงานของเหตุการณ์ oncopy อาจไม่ทำงานตามคาดหวังเมื่อพยายามคัดลอกภาพ (ดูตัวอย่างเพิ่มเติมด้านล่าง)

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

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

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

เหตุการณ์ DOM ClipboardEvent