เหตุการณ์ onpaste

เหตุการณ์ DOM ClipboardEvent

คำนิยามและวิธีใช้

เหตุการณ์ onpaste จะเกิดขึ้นเมื่อผู้ใช้แปะเนื้อหาไปยังองค์ประกอบ

ถึงแม้ทุกองค์ประกอบ HTML สนับสนุนเหตุการณ์ onpaste แต่ในทางปฏิบัติไม่สามารถแปะเนื้อหาไปยังองค์ประกอบเช่น <p> ได้เว้นถ้าองค์ประกอบนั้นได้ตั้งค่า contenteditable ให้เป็น "true" (ดูตัวอย่างด้านล่าง)

คำแนะนำ： เหตุการณ์ onpaste ใช้สำหรับองค์ประกอบ <input> ที่มี type="text"

คำแนะนำ：สามารถแปะเนื้อหาไปยังองค์ประกอบต่างๆ ด้วยวิธีทั้งสามนี้

  • CTRL + V
  • เลือกแปะจากเมนูแก้ไขของเว็บเบราเซอร์
  • เลือกคำสั่งแปะที่เมนูค้างและ

ตัวอย่าง

ตัวอย่าง 1

ปฏิบัติ JavaScript ต่อข้อความที่คลิปแปะไว้ในแอลกอริทึม <input>

<input type="text" onpaste="myFunction()" value="Paste something in here">

ลองด้วยตัวเอง

ตัวอย่าง 2

ปฏิบัติ JavaScript ต่อข้อความที่คลิปแปะไว้ในแอลกอริทึม <p> (จำเป็นต้องตั้งค่า contenteditable ให้เป็น "true")

<p contenteditable="true" onpaste="myFunction()">Try to paste something inside this paragraph.</p>

ลองด้วยตัวเอง

สัญญาณ

ใน HTML

<element onpaste="myScript">

ลองด้วยตัวเอง

ใน JavaScript

object.onpaste = function(){myScript};

ลองด้วยตัวเอง

ใน JavaScript ใช้วิธี addEventListener()

object.addEventListener("paste", myScript);

ลองด้วยตัวเอง

หมายเหตุ：Internet Explorer 8 หรือตัวรุ่นเก่ากว่าไม่สนับสนุน วิธีการ addEventListener()。

รายละเอียดเทคนิค

การหลุดแบบฉีด (Bubble)： การสนับสนุน
สามารถยกเลิกได้： การสนับสนุน
ประเภทเหตุการณ์： ClipboardEvent
ตารางแสดงแบตทิ้ง HTML ที่สนับสนุน: ทั้งหมดสิ่งที่เป็น HTML องค์ประกอบ

การสนับสนุนโดยเบราเซอร์

เหตุการณ์ Chrome IE Firefox Safari Opera
onpaste การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน

หน้าที่เกี่ยวข้อง

คู่มือ HTML DOM ของ HTML DOM :เหตุการณ์ oncopy

คู่มือ HTML DOM ของ HTML DOM :เหตุการณ์ oncut

เหตุการณ์ DOM ClipboardEvent