HTML oncopyคุณสมบัติ
ความหมายและการใช้งาน
oncopyแอตทริบิวต์เริ่มทำงานเมื่อผู้ใช้คัดลอกเนื้อหาขององค์ประกอบ
เคล็ดลับ:แอตทริบิวต์oncopyจะทำงานเมื่อผู้ใช้คัดลอกองค์ประกอบ เช่น รูปภาพ ที่สร้างขึ้นด้วย<img>องค์ประกอบ
เคล็ดลับ:oncopyแอตทริบิวต์ส่วนใหญ่จะใช้กับองค์ประกอบ
<input>ที่มีtype="text".
เคล็ดลับ:มีสามวิธีในการคัดลอกองค์ประกอบ/เนื้อหาขององค์ประกอบ:
- กด CTRL + C
- เลือก "คัดลอก" จากเมนูแก้ไขในเบราว์เซอร์ของคุณ
- คลิกขวาเพื่อแสดงเมนูบริบทและเลือกคำสั่ง "คัดลอก"
นำไปใช้กับ
แอตทริบิวต์oncopyนี้เป็นส่วนหนึ่งของแอตทริบิวต์เหตุการณ์และใช้กับองค์ประกอบ HTML ใดก็ได้
| องค์ประกอบ | เหตุการณ์ |
|---|---|
| องค์ประกอบ HTML ทั้งหมด | สำเนา |
ตัวอย่าง
ตัวอย่างอินพุต
เรียกใช้ JavaScript เมื่อคัดลอกข้อความขององค์ประกอบ <input>:
<input type="text" oncopy="myFunction()" value="Try to copy this text">
ตัวอย่าง P
เรียกใช้ JavaScript เมื่อคัดลอกข้อความของ <p> องค์ประกอบ:
<p oncopy="myFunction()">Try to copy this text</p>
Img ตัวอย่าง
เรียกใช้ JavaScript เมื่อคัดลอกรูปภาพ:
<img src="w3schools.gif" oncopy="myFunction()">
รองรับเบราว์เซอร์
| Event Attribute | |||||
|---|---|---|---|---|---|
| oncopy | Yes | Yes | Yes | Yes | Yes |
หมายเหตุ:แอตทริบิวต์ oncopy อาจไม่ทำงานตามที่คาดไว้ในเบราว์เซอร์บางตัวเมื่อพยายามคัดลอกรูปภาพ (ดูตัวอย่างด้านบน)