jquery随鼠标移动能显示图片当前坐标位置的问题？

Question

<script>
    $(document).ready(function(){
    
   $("#img").mouseover(function(e){
            var widthh=e.originalEvent.x-$(this).offset().left||e.originalEvent.layerX-$(this).offset().left||0;//
            var heightt=e.originalEvent.y-$(this).offset().top||e.originalEvent.layerY-$(this).offset().top||0;//
            var tooltip = "<div id='tooltip'>图片的宽度：" + widthh +"<br>图片的高度："+heightt+ "</div>";    
            $('#container').append(tooltip);
        }).mouseout(function(){
            $("#tooltip").remove();
            this.title = this.myTitle;
        })
   
  
    });
    </script>
以上是可以显示一次图片坐标的正确代码，但是我想是鼠标移动到图片哪里，就能马上显示，jquery怎么弄呢？

Answer 1

这个jquery库并没有处理，只能用js的方法，来计算当前的鼠标位置

Answer 2

如果是要拖动图片可以用mousemove事件
$("#img").mousemove(function (e) {
    alert(e.clientX + "-" + e.clientY);
});
如果是放到图片上面就显示图片就用mouseover
$("#img").mouseover(function () {
     $(this).show();
});