jQuery 基礎チュートリアル

jQuery エフェクト

jQuery 操作方法

jQuery 過濾

jQuery Ajax

jQuery 業務

jQueryのリファレンスマニュアル

jQueryの効果メソッド jQueryのイベント

jQuery event.pageX 属性

jQueryのイベント

event.pageX属性は、マウス指標がドキュメントの左端からの位置をピクセル単位で返します。

この属性は通常event.pageY属性を一緒に使用します。

構文：

event.pageX

例

$(document).mousemove(function(event){　
　　(\　+　event.pageX　+　",　pageY:　"　+　event.pageY);
});

テストをしてみる‹/›

マウスの位置に基づいてDIVの位置を変更する：

例

$(document).ready(function(){
　　let　pos　=　{x:0,　y:0};
　　let　box　=　$("div");
　　let　w　=　box.width();
　　let　h　=　box.height();
　　let　offset　=　box.position();
　　$(document).mousemove(function(event){　
　　　　pos.x　=　event.pageX　-　offset.left　-　(w/2);
　　　　pos.y　=　event.pageY　-　offset.top　-　(h/2);
　　　　box.css({"left":pos.x,　"top":pos.y});
　　});
});

テストをしてみる‹/›

パラメータの値

パラメータ	説明
event	このイベントのパラメータはイベントバインド機能から来ています

jQueryのイベント

jQueryの効果メソッド jQueryのイベント