javascriptで困っています
スマホでタッチした場所の座標を取得しようとしているのですが、いろいろ調べて以下のように作ってみましたが、座標が取得できません。どこを直せばいいのか、教えていただきたく投稿させていただきました。よろしくお願いします。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=320, user-scalable=no" />
<script type="text/javascript" charset="utf-8">
var touch_box = document.getElementById("box");
touch_box.addEventListener("touchstart", function(e){
document.getElementById("txt0").innerHTML = "スタート";
document.getElementById("txt1").innerHTML = e.pageX;
document.getElementById("txt2").innerHTML = e.pageY;
}, false);
touch_box.addEventListener("touchmove", function(e){
document.getElementById("txt0").innerHTML = "ムーブ";
document.getElementById("txt1").innerHTML = e.pageX;
document.getElementById("txt2").innerHTML = e.pageY;
}, false);
touch_box.addEventListener("touchend", function(e){
document.getElementById("txt0").innerHTML = "エンド";
document.getElementById("txt1").innerHTML = e.pageX;
document.getElementById("txt2").innerHTML = e.pageY;
}, false);
</script>
</head>
<body>
<div id="box">
<span id="txt0"></span><br />
X:<span id="txt1"></span>, Y:<span id="txt2"></span><br />
</div>
</body>
</html>
お礼
そういった部分がよくわかっていませんでした。参考になりました。