1. 程式人生 > >jquery().offset()、e.offsetX、e.clientX

jquery().offset()、e.offsetX、e.clientX

$(function(){
        //$("#inner").html($("#inner").offset().left + ",,," + $("#inner").offset().top) ;
        //$("#inner").html($("#inner").client().left + ",,," + $("#inner").offset().top) ;

        $("#inner").on("mousemove",function(e){
            //$("#inner").html(e.offsetX + ",,," + e.offsetY) ;
            $(
"#inner").html(e.clientX + ",,," + e.clientY) ; }) ; }); <div id="outer" style="width:200px;height:200px; position:absolute;top:100px;left:100px;border:1px solid red;padding:10px"> <div id="inner" style="width:100px;height:100px; border:1px solid green"> 234234234 </div> </div>

e.offsetX的0,0座標點是$(“#inner”)的左上角。

e.clientX的0,0座標點是$(document)的左上角