mousemove()使用方法の詳細

950 ワード

mouseマウス、move移動、合わせるとマウス移動です.
したがって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イベントの処理はシステムリソースを非常に消費するため、このイベントを慎重に使用してください.