備忘録的プログラミングリファレンス

touchstart ( ontouchstart )イベント

 touchstart ( ontouchstart )イベントは、タッチベースのデバイスでエレメントに触れることで発生するイベントです。

*Safari、Operaブラウザでは対応していません。

touchstart ( ontouchstart )イベント
document.getElementById("contena").addEventListener("touchstart", (event)=>{
	console.log( event );
});

詳しくは Example を参照してください

ページ内 Index

構文(Syntax)

in HTML

<tagelement ontouchstart="function()">

in JavaScript

object.ontouchstart = function(){ };

object.addEventListener("touchstart", script_);

備考(Remarks)

BubblesYes
CancelableYes
InterfaceTouchEvent
Supported HTML ElementsALL HTML elements

Example

 touchstart ( ontouchstart )イベントの例です。

 タッチデバイスでの操作がキャンセルされると発生するイベントです。この例では、どのタイミングで touchcancel、touchstart、touchend、touchmove の各イベントが発生するかを確かめるためにタッチデバイスに関するイベントを網羅しています。

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。