mousemove()使用方法の詳細
950 ワード
mouseマウス、move移動、合わせるとマウス移動です.
したがってmousemoveは、マウスが要素上を移動すると、このイベントがトリガーされます.
mousemoveインスタンス1
この例の役割は、取得したマウスポインタをページ内の位置にspan要素に割り当てて表示することです.
mousemoveインスタンス2
上記の例では、マウスを黄色の領域に移動すると、i要素がmarginLeft値を変更します.
注意:mousemoveイベントの処理はシステムリソースを非常に消費するため、このイベントを慎重に使用してください.
したがってmousemoveは、マウスが要素上を移動すると、このイベントがトリガーされます.
mousemoveインスタンス1
$(document).ready(function(){
$(document).mousemove(function(e){
$("span").text("X :"+e.pageX + ", Y :" + e.pageY);
});
});
:
この例の役割は、取得したマウスポインタをページ内の位置にspan要素に割り当てて表示することです.
mousemoveインスタンス2
$("div").mousemove(function(e){
$(this).find("i").css({"marginLeft":e.pageY+15+"px"})
});
上記の例では、マウスを黄色の領域に移動すると、i要素がmarginLeft値を変更します.
注意:mousemoveイベントの処理はシステムリソースを非常に消費するため、このイベントを慎重に使用してください.