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