Thuộc tính sự kiện HTML DOM cancelable liên kết với các sự kiện HTML vì JavaScript có thể phản ứng với các sự kiện này. Thuộc tính sự kiện cancelable trả về giá trị Boolean true hoặc false cho biết sự kiện có thể bị hủy hay không.
Cú pháp
Cú pháp sau đây dùng cho thuộc tính sự kiện cancelable:
event.cancelable
Ví dụ
Hãy xem một ví dụ về thuộc tính sự kiện cancelable:
<!DOCTYPE html> <html> <body> <p>Di chuột qua nút bên dưới để xem onmouseover có phải sự kiện có thể hủy hay không</p> <button onmouseover="cancelFunction(event)">NHẤN VÀO</button> <p id="Sample"></p> <script> function cancelFunction(event) { var x = event.cancelable; if(x==true) document.getElementById("Sample").innerHTML = "Sự kiện onmouseover có thể hủy"; else document.getElementById("Sample").innerHTML = "Sự kiện onmouseover không thể hủy"; } </script> </body> </html>Kết quả
Điều này sẽ tạo ra kết quả sau:
Khi di chuột qua nút NHẤN VÀO:
Chúng ta đã tạo nút NHẤN VÀO sẽ khi di chuột qua sẽ truyền đối tượng sự kiện onmouseover cho phương thức cancelFunction(event).
<button onmouseover="cancelFunction(event)">NHẤN VÀO</button>
Phương thức cancelFunction(event) kiểm tra giá trị event.cancelable cho đối tượng sự kiện được truyền và gán nó cho biến x. Sử dụng câu lệnh điều kiện, chúng ta kiểm tra xem event.cancelable trả về true hay false và sau đó hiển thị thông báo thích hợp trong thẻ đoạn văn có id bằng "Sample":
function cancelFunction(event) { var x = event.cancelable; if(x==true) document.getElementById("Sample").innerHTML = "Sự kiện onmouseover có thể hủy"; else document.getElementById("Sample").innerHTML = "Sự kiện onmouseover không thể hủy"; }