touchcancel 事件

DOM 事件 TouchEvent

定義和用法

touchcancel 事件在觸摸事件被中斷時發生。

不同的設備會在不同的動作中中斷觸摸事件，如果發生這種“錯誤”，那么包含此事件來清理代碼被認為是一種好習慣。

注釋：touchcancel 事件僅適用于帶有觸摸屏的設備。

提示：以下是其他與 touchcancel 事件相關的事件：

  • touchstart - 當用戶觸摸元素時發生
  • touchend - 當用戶從元素上移開手指時發生
  • touchmove - 當用戶在屏幕上移動手指時發生

實例

觸摸中斷時執行 JavaScript（僅適用于觸摸屏）：

<p ontouchcancel="myFunction(event)">Touch me!</p>

親自試一試

語法

在 HTML 中：

<element ontouchcancel="myScript">

親自試一試

在 JavaScript 中：

object.ontouchcancel = myScript;

親自試一試

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("touchcancel", myScript);

親自試一試

技術細節

冒泡： 支持
可取消： 支持
事件類型： TouchEvent
支持的 HTML 標簽： 所有 HTML 元素

瀏覽器支持

表中的數字注明了完全支持該事件的首個瀏覽器版本。

事件 Chrome IE Firefox Safari Opera
touchcancel 22.0 12.0 52 不支持 不支持
DOM 事件 TouchEvent