鼠标拖动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()试一试