ユーザーがクリックした位置に情報ボックスのような要素を表示しようとしています。「クリック」イベントをリッスンしています。ハンドラー関数は、オブジェクトのevent.pageXおよびevent.pageYでもマウスクリックを使用して情報ボックスをレンダリングします。これは、デスクトップ ブラウザで完全に機能します。モバイルクライアントからページを叩いてみました。event.pageX と event.pageY は「NaN」のようです。理由はわかりますか??
ハンドラの部分は次のとおりです。
var pushPinClickEventHandler = function (event) {
var clickX = event.pageX;
var clickY = event.pageY;
//do some thing here
}
編集: マウス イベント オブジェクトに関する詳細の追加
デスクトップ:
isPrimary: true
isSecondary: false
isTouchEvent: undefined
pageX: 136
pageY: 269
モバイル:
isPrimary: false
isSecondary: false
isTouchEvent: true
pageX: NaN
pageY: NaN