6

重複の可能性:
jQueryは要素内のマウス位置を取得します

私はページを持っていて、そのページの中にdivがあります。ユーザーがそのdiv内をクリックすると、そのdiv内でクリックした場所のX/Y座標が保存されます。

たとえば、divの左上隅をクリックすると(ページのどこにdivが配置されていても)、およそ0、0が返されます。

これも可能ですか?もしそうなら、どのように私に教えてもらえますか?あるいは私を正しい方向に向けることさえできますか?

4

1 に答える 1

14

イベントのプロパティを使用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

于 2012-08-18T19:56:40.020 に答える