เหตุการณ์oncopy
ตัวอย่าง
เรียกใช้ JavaScript เมื่อคัดลอกข้อความขององค์ประกอบ <input>:
<input type="text" oncopy="myFunction()" value="Try to copy this text">
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
เหตุการณ์ oncopy เกิดขึ้นเมื่อผู้ใช้คัดลอกเนื้อหาขององค์ประกอบ
เคล็ดลับ:เหตุการณ์ oncopy ยังเกิดขึ้นเมื่อผู้ใช้คัดลอกองค์ประกอบ เช่น รูปภาพ ที่สร้างขึ้นด้วยองค์ประกอบ <img>
เคล็ดลับ:เหตุการณ์ oncopy ส่วนใหญ่จะใช้กับ <input> องค์ประกอบที่มี type="text"
เคล็ดลับ:มีสามวิธีในการคัดลอกองค์ประกอบ/เนื้อหาขององค์ประกอบ:
- กด CTRL + C
- เลือก "คัดลอก" จากเมนูแก้ไขในเบราว์เซอร์ของคุณ
- คลิกขวาเพื่อแสดงเมนูบริบทและเลือกคำสั่ง "คัดลอก"
รองรับเบราว์เซอร์
Event | |||||
---|---|---|---|---|---|
oncopy | Yes | Yes | Yes | Yes | Yes |
หมายเหตุ:เหตุการณ์ oncopy อาจไม่ทำงานตามที่คาดไว้ในเบราว์เซอร์บางตัวเมื่อพยายามคัดลอกรูปภาพ (ดู "ตัวอย่างเพิ่มเติม" ด้านล่าง)
ไวยากรณ์
ใน HTML:
<element oncopy="myScript">
ในจาวาสคริปต์:
object.oncopy = function(){myScript};
ใน JavaScript โดยใช้เมธอด addEventListener() :
object.addEventListener("copy", myScript);
หมายเหตุ:วิธีการaddEventListener()ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และเวอร์ชันก่อนหน้า
รายละเอียดทางเทคนิค
ฟองอากาศ: | ใช่ |
---|---|
ยกเลิกได้: | ใช่ |
ประเภทเหตุการณ์: | คลิปบอร์ดกิจกรรม |
แท็ก HTML ที่รองรับ: | องค์ประกอบ HTML ทั้งหมด |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
เรียกใช้ JavaScript เมื่อคัดลอกข้อความของ <p> องค์ประกอบ:
<p oncopy="myFunction()">Try to copy this text</p>
ตัวอย่าง
เรียกใช้ JavaScript เมื่อคัดลอกรูปภาพ:
<img src="w3schools.gif" oncopy="myFunction()">
หน้าที่เกี่ยวข้อง
การอ้างอิง HTML DOM: onpaste event
การอ้างอิง HTML DOM: เหตุการณ์ oncut