HOME > > > > >

event.pageX

マウスイベント時のマウスの位置。ドキュメントの原点(左上)からのX座標。

サンプル

実行結果

グレー部分をクリックしたときのX座標

Javascript

  1. $('.jqTest1 .clickErea').css({
  2.     width: 500,
  3.     height: 200,
  4.     background: '#E5E5E5'
  5. }).on('click', function(e){
  6.     $(e.target).parent().append(e.pageX + '<br />');
  7. });

HTML

  1. <div class="jqTest1">
  2.     <div class="clickErea">グレー部分をクリックしたときのX座標</div>
  3. </div>
参照サイト