jQuery 基礎チュートリアル

jQuery エフェクト

jQuery 操作方法

jQuery 過渡

jQuery Ajax

jQuery その他

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

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

jQuery event.pageY 属性

jQueryのイベント

event.pageY属性は、マウスカーソルがドキュメントの上部（上端）に位置する位置をピクセル単位で返します。

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

構文：

event.pageY

例

マウスの位置を表示します：

サンプル

$(document).mousemove(function(event){　
　　"$output".text("pageX:　"　+　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のイベント