javascript - マウスアップでxmlhttpRequestを送信/ダブルクリックする必要があります

Question

マウスを上に向けてXとYの調整を送信していますが、divをダブルクリックした場合にのみリクエストが送信されます。

私はこの機能を持っています。

that.parentNode.style.left = (evt.clientX - diffX) + 'px';

リクエストを送信するthat.parenNode.style.leftと、実際にはマウスアップで機能しますが、問題は、調整が保存されているXMLファイルからそれを読み戻さないことです。送信するevt.clientXと、調整が送信され、httprequestに読み戻されますが、送信するにはダブルクリックが必要です。

ハッスルハッスル。何か素晴らしいヒントはありますか？

これは私のコードです。

 var draggableWindow = document.getElementsByClassName('sticker-drag'),
        windowCount = draggableWindow.length,
        x, windZ = 1;

    function startDrag(evt) {
        var diffX = evt.clientX - this.parentNode.offsetLeft,
            diffY = evt.clientY - this.parentNode.offsetTop,
            that = this;

        this.style.zIndex = windZ++;

        function moveAlong(evt) {
            that.parentNode.style.left = (evt.clientX - diffX) + 'px';
            that.parentNode.style.top = (evt.clientY - diffY) + 'px';
        }

      document.addEventListener("mouseup",
function(e){

var xmlhttp;
 xmlhttp=new XMLHttpRequest();

xmlhttp.open("POST","/project2/php/corrdination.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("textBoxID="+e.target.parentNode.id+"&clientY="+(evt.clientY - diffY)+"&clientX="+(evt.clientX - diffX) );

//console.log(e.target.parentNode.id)
console.log((evt.clientY - diffY))

}); 


        function stopDrag() {
            document.removeEventListener('mousemove', moveAlong);
            document.removeEventListener('mouseup', stopDrag);
            windowClass();
        }

        function windowClass() {
            var windowClass = document.getElementsByClassName("sticker");
            for (var i = 0; i < windowClass.length; i++) {
                windowClass[i].style.opacity="1";
            }       
        }

        document.addEventListener('mouseup', stopDrag);
        document.addEventListener('mousemove', moveAlong);

    }

    for (x = 0; x < windowCount; x += 1) {    
        draggableWindow[x].addEventListener('mousedown', startDrag);
    }