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