• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:javascriptで困っています)

スマホでタッチした場所の座標を取得する方法

このQ&Aのポイント
  • JavaScriptを使用してスマホでタッチした場所の座標を取得しようとしていますが、うまくいきません。どこを修正すればよいでしょうか?
  • 以下のコードでは、指をタッチしたとき、移動したとき、指を離したときに座標を取得して表示していますが、座標が正しく表示されません。何を修正すればよいのでしょうか?
  • スマホの画面上でタッチした場所の座標を取得するためのJavaScriptコードを作成していますが、問題が発生しています。どの部分を修正すればよいでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
回答No.3

あと、タッチパネルの場合は、e.pageXではなくe.touches[0].pageXです。 (.touches以外にもありますが、とりあえずは.touchesでいいと思います。)

dkong
質問者

お礼

回答ありがとうございました。 座標が取れました。 また、よろしくお願いします。

その他の回答 (2)

回答No.2

座標を取得できないというのはontouchendですか? ontouchendは手が離れている状態で呼び出されますから、手が触れている場所は存在しません。 存在しない場所を取得する事は出来ません。 ontouchmoveの最後の座標を使用してください。

noname#177743
noname#177743
回答No.1

ざっとしか見てないのですが、この状態だと、変数touch_boxはnullだと思います。このため、後のスクリプトが全て動いてないはずです。最初にdocument.getElementById("box");を実行した時、まだ<body>タグは読み込まれていませんね? 従って、<div id="box">タグもまだ存在しません。 いろいろ対処はありますが、例えば処理を関数にまとめ、<body>のonloadで実行するようにすればきちんと認識できるでしょう。

dkong
質問者

お礼

ありがとうございます ご指摘していただいたように、touch_boxが認識されていませんでした。 javascriptを下に持ってきたら、認識されるようになりました。 しかし、座標が取得できません。アドバイスいただければありがたいです。

dkong
質問者

補足

タッチした座標が取得できません。javascriptの初心者なもので原因が自分では分かりません。アドバイスよろしくお願いします。

関連するQ&A