คุณสมบัติ HTML DOM cancelable ของเหตุการณ์

คุณสมบัติ HTML DOM cancelable ของเหตุการณ์ เกี่ยวข้องกับเหตุการณ์ HTML เนื่องจาก JavaScript สามารถตอบสนองต่อเหตุการณ์เหล่านี้ได้ คุณสมบัติ cancelable คืนค่า Boolean true หรือ false ระบุว่าเหตุการณ์สามารถยกเลิกได้หรือไม่

ไวยากรณ์

ไวยากรณ์สำหรับคุณสมบัติ cancelable ของเหตุการณ์ ดังนี้ -

event.cancelable

ตัวอย่าง

ลองดูตัวอย่างของคุณสมบัติ cancelable ของเหตุการณ์ -

<!DOCTYPE html> <html> <body> <p>วางเมาส์เหนือปุ่มด้านล่างเพื่อดูว่า onmouseover เป็นเหตุการณ์ที่ยกเลิกได้หรือไม่</p> <button onmouseover="cancelFunction(event)">CLICK IT</button> <p id="Sample"></p> <script> function cancelFunction(event) { var x = event.cancelable; if(x==true) document.getElementById("Sample").innerHTML = "The onmouseover event is cancellable"; else document.getElementById("Sample").innerHTML = "The onmouseover event is not cancellable"; } </script> </body> </html>

ผลลัพธ์

จะได้ผลลัพธ์ดังนี้ -

เมื่อวางเมาส์เหนือปุ่ม CLICK IT -

เราสร้างปุ่ม CLICK IT ที่เมื่อวางเมาส์จะส่งอ็อบเจกต์เหตุการณ์ onmouseover ไปยังเมธอด cancelFunction(event)

<button onmouseover="cancelFunction(event)">CLICK IT</button>

เมธอด cancelFunction(event) ตรวจสอบค่า event.cancelable สำหรับอ็อบเจกต์เหตุการณ์ที่ส่งมาและกำหนดให้ตัวแปร x โดยใช้คำสั่งเงื่อนไข เราตรวจสอบว่า event.cancelable คืนค่า true หรือ false แล้วแสดงข้อความที่เหมาะสมในแท็กย่อหน้าที่มี id เท่ากับ "Sample" -

function cancelFunction(event) { var x = event.cancelable; if(x==true) document.getElementById("Sample").innerHTML = "The onmouseover event is cancellable"; else document.getElementById("Sample").innerHTML = "The onmouseover event is not cancellable"; }