Thuộc tính cancelable của sự kiện trong HTML

Giới thiệu

Thuộc tính cancelable của đối tượng sự kiện (Event) trong HTML cho phép kiểm tra xem một sự kiện có thể bị hủy bỏ (preventDefault) hay không. Giá trị trả về là true nếu sự kiện có thể hủy, ngược lại là false.

Cú pháp

event.cancelable

Ví dụ minh họa

<!DOCTYPE html>
<html>
<body>
  <h2>Kiểm tra sự kiện có thể hủy</h2>
  <p>Nhấn nút bên dưới để xem sự kiện click có thể hủy hay không.</p>
  <button onclick="myFunction(event)">Nhấn vào đây</button>
  <p id="myid"></p>
  <script>
    function myFunction(event) {
      var val = event.cancelable;
      document.getElementById("myid").innerHTML = val;
    }
  </script>
</body>
</html>

Kết quả hiển thị

Khi nhấn nút, một giá trị boolean sẽ được hiển thị cho biết sự kiện có thể hủy (true) hay không (false). Sự kiện click thường có cancelable = true.