jquery().offset()、e.offsetX、e.clientX
阿新 • • 發佈:2019-02-12
$(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)的左上角