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