Properti Event.cancelable
mengembalikan nilai boolean yang menunjukkan apakah event ini bisa dibatalkan atau tidak.
Sintaks:
Event.cancelable
Jika true
dikembalikan berarti event ini bisa dibatalkan, dan false
dikembalikan sebaliknya.
Jika event ini memang bisa dibatalkan, gunakan metode Event.preventDefault() atau properti returnValue
untuk membatalkan event itu.
Contoh ini mencoba untuk membatalkan event 'click' (ONCLICK), jika memang 'click' itu bisa dibatalkan:
<HTML>
<HEAD>
<SCRIPT TYPE="text/javascript">
function cancelEvent(event, eventName) {
var info = document.getElementById("info");
if (event.cancelable) {
event.preventDefault();
info.innerHTML += "Event "+eventName+" dibatalkan.<BR>";
}else{
info.innerHTML += "Event "+eventName+" tidak bisa dibatalkan.<BR>";
}
}
</SCRIPT>
</HEAD>
<BODY>
<INPUT TYPE="checkbox" ONCLICK="cancelEvent(event, event.type)">
Coba ceklis Checkbox ini.
<P ID="info"></P>
</BODY>
</HTML>
Tambahan: Properti Event.cancelable
tidak digunakan untuk menghentikan proses bubbles up suatu event, untuk menghentikan proses bubbles up suatu event gunakan properti Event.cancelBubble atau metode Event.stopPropagation().