Sự kiện touchcancel trong HTML DOM

Sự kiện touchcancel trong HTML DOM được kích hoạt khi một hoặc nhiều sự kiện chạm bị ngắt quãng.

Lưu ý: Sự kiện này chỉ dành cho thiết bị chạm.

Cú pháp

Kích hoạt touchcancel trong HTML:

ontouchcancel = "eventFunction()"

Kích hoạt touchcancel trong JavaScript:

eventObject.ontouchcancel = eventFunction

Ví dụ

Dưới đây là ví dụ minh họa sự kiện touchcancel:

<!DOCTYPE html>
<html>
<head>
  <title>HTML DOM touchcancel event</title>
  <style>
    form { width: 70%; margin: 0 auto; text-align: center; }
    * { padding: 2px; margin: 5px; }
    input[type="button"] { border-radius: 10px; }
  </style>
</head>
<body>
  <form>
    <fieldset>
      <legend>HTML-DOM-touchcancel-event</legend>
      <label for="textSelect">Tục ngữ --></label>
      <input type="text" ontouchcancel="eventAction()" id="textSelect" size="30" value="Quá nhiều đầu bếp làm hỏng canh" disabled>
      <div id="divDisplay"></div>
    </fieldset>
  </form>
  <script>
    var divDisplay = document.getElementById("divDisplay");
    var textSelect = document.getElementById("textSelect");
    function eventAction() {
      divDisplay.textContent = 'Quá nhiều sự kiện chạm được kích hoạt và bị gián đoạn';
    }
  </script>
</body>
</html>

Kết quả

Trước khi chạm màn hình:

Sau khi kích hoạt nhiều sự kiện chạm trên màn hình: