重複の可能性:
jQueryは要素内のマウス位置を取得します
私はページを持っていて、そのページの中にdivがあります。ユーザーがそのdiv内をクリックすると、そのdiv内でクリックした場所のX/Y座標が保存されます。
たとえば、divの左上隅をクリックすると(ページのどこにdivが配置されていても)、およそ0、0が返されます。
これも可能ですか?もしそうなら、どのように私に教えてもらえますか?あるいは私を正しい方向に向けることさえできますか?
重複の可能性:
jQueryは要素内のマウス位置を取得します
私はページを持っていて、そのページの中にdivがあります。ユーザーがそのdiv内をクリックすると、そのdiv内でクリックした場所のX/Y座標が保存されます。
たとえば、divの左上隅をクリックすると(ページのどこにdivが配置されていても)、およそ0、0が返されます。
これも可能ですか?もしそうなら、どのように私に教えてもらえますか?あるいは私を正しい方向に向けることさえできますか?
イベントのプロパティを使用pageX
して、ページを基準にしたx座標pageY
を取得し、y座標を取得してから、要素の座標を減算して、要素を基準にした位置を取得します。
$( '#target' ).on( 'click', function( e ) {
var x = e.pageX - this.offsetLeft;
var y = e.pageY - this.offsetTop;
});
デモ: http: //jsfiddle.net/WhrFt/
jquery.comの公式チュートリアル:http://docs.jquery.com/Tutorials:Mouse_Position