마우스 끌기 이벤트를 캡처 할 때 이상한 일들이 발생했습니다. JS

Question

마우스 끌기 이벤트를 캡처하려면 마우스 다운 핸들러 내에 처리기를 올리려고 했으므로 마우스를 아래로 움직이면 마우스를 감지 할 수 있어야합니다. onmousemove를 함수로 옮겨 놓았지만이 함수를 많이 사용할 수는 없습니다.

무슨 일이 일어나고 있는지는 로그에 기록하려고하는 4 개가 아니라 점점 더 많은 숫자를 기록합니다 (적어도 그렇게 보입니다).

var clickx;   
    var clicky;   
    var releasex; 
    var releasey; 
    $('#tdw-layout-editable').bind("mousedown", function(e){ 
     clickx=e.clientX; 
     clicky=e.clientY; 
     console.log(clickx + " " + clicky); 
     $('#tdw-layout-editable').bind("mouseup", function(f){ 
     releasex = e.clientX; 
     releasey = e.clientY; 
     console.log(releasex + " " + releasey); 
    }); 
    }); 

정말 기괴한 : 당신에게 감사 \

Answer 1

대신이 작업을 수행 :

$(function(){ 
    var clickx;   
    var clicky;   
    var releasex; 
    var releasey; 
    $('#tdw-layout-editable').bind("mousedown", function(e){ 
     clickx=e.clientX; 
     clicky=e.clientY; 
     console.log(clickx + " " + clicky); 
    }).bind("mouseup", function(f){ 
     releasex = f.clientX; 
     releasey = f.clientY; 
     console.log(releasex + " " + releasey); 
    }); 
});