touchcancel ( ontouchcancel )イベント
touchcancel ( ontouchcancel )イベントは、タッチベースのデバイスにおいて何らかのエラーでタッチイベントが中断すると発生するイベントです。
タッチイベントにおいて「エラー」が発生した場合に、touchcancel イベントによってコードをクリーンアップすることができます。
*Safari、Operaブラウザでは対応していません。
document.getElementById("contena").addEventListener("touchcancel", (event)=>{
console.log( event );
});
詳しくは Example を参照してください
ページ内 Index
構文(Syntax)
in HTML
<tagelement ontouchcancel="function()">
in JavaScript
object.ontouchcancel = function(){ };
object.addEventListener("touchcancel", script_);
備考(Remarks)
| Bubbles | Yes |
| Cancelable | Yes |
| Interface | TouchEvent |
| Supported HTML Elements | ALL HTML elements |
Example
touchcancel ( ontouchcancel )イベントの例です。
タッチデバイスでの操作がキャンセルされると発生するイベントです。この例では、どのタイミングで touchcancel、touchstart、touchend、touchmove の各イベントが発生するかを確かめるためにタッチデバイスに関するイベントを網羅しています。
タッチデバイスに関連するイベント
タッチイベントには下記のイベントがあります。
| イベント | 概要 |
|---|---|
| touchstart | タッチデバイスでエレメントに触れる |
| touchend | エレメントから指が離れるト |
| touchmove | 画面上で指を動かす |
| touchcancel | タッチイベントが中断する |
