鼠标拖动DIV时，鼠标指针和DIV边框不是同步，而是一前一后，怎么解决？

Question

$(function(){

var isDownChat  = false,

    chat        = $("#chat");

$("#chat-resize").on("mousedown",function(){

    isDownChat     = true;

    // console.log( parseInt($("#chat-resize").offset().left))

});

$(document).on("mouseup",function(){ 

    isDownChat = false;

    $(".modalChat").css("display","none");

    $("#chat-resize").css("background","");

});

 

$(document).on("mousemove",function(e){ 

    if(isDownChat) {

        $(".modalChat").css("display","block");

        $("#chat-resize").css("background","#2196f3");

        var curElementLeft   = parseInt(chat.offset().left);  // 当前 chat元素左边距

        var curElementWidth  = chat.width();                  // chat的宽度

      

        var mouseLeft        = e.pageX;                             // 鼠标的X坐标

        var offsetWidth      = curElementLeft-mouseLeft;            //宽度差值

        var w   = Math.max("570",(curElementWidth+offsetWidth));

        chat.css("width",w+"px");

        

    }

})

})

Answer 1

目测是冒泡的问题，还有就是当鼠标松开时取消事件，能把全部的代码发一下吗，你先在，.on前面加.stop()试一试