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