javascript - 画像をクリックして座標を取得

Question

サイズが 100 x 100 ピクセルの標準の HTML イメージ タグがあります。画像をクリックして、クリックした X と Y を関数に渡すことができるようにしたいと考えています。

座標は、画像の上下を基準にする必要があります。

Answer 1

私はあなたが話していると思います：

<input id="info" type="image">

送信されると、入力要素 ID (この場合は と ) にinfo.x基づくx 座標と y 座標のフォーム値があります。info.y

http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.4.1

Answer 2

あなたが説明したことから、画像マウスイベントに登録する必要があります。この場合、画像マウスボタンイベントが必要です。

使用する関数で

Point mousePoint = e.GetPosition( this );

これにより、左上のポイント int ピクセルに従ってマウスの位置が得られます。

X と YのmousePoint情報を印刷できます。