Monday, December 31, 2012

cancelable

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().