javascript - 当在文档中拖动鼠标上/鼠标离开时，我想调用我的 Ajax 请求

Question

对于滑块范围 - 当在文档中拖动和 mouseup/mouseleave 时，我想调用我的 Ajax 请求。

解释：当我鼠标向下滑动滑块时，我想说 isDown = "true" 但它不起作用。

谁能帮我解决这个问题，让我知道如何实现这一目标。

// Default 
isDown = false

$("#slider-range").find('a').mousedown(function(){
    isDown=true;
    console.log(isDown); // It works here!
});

console.log(isDown); // It doesn't works here

if(isDown)
{
    $(document).onmouseup(function() {
        return setAjaxRequest();
        isDown = false;
    });
}

Answer 1

您需要在事件函数之外声明 isDown 以在这些函数之间共享它！尝试这个：

$(document).ready(function() {

    var isDown = false;

    // On a mousedown on a slide link
    $("#slider-range").find('a').mousedown(function(){
        isDown = true;
    });

    // on MouseUp on the document
    $(document).one('mouseup', function() {
        if (isDown) {
            return setAjaxRequest();
            isDown = false;
        }
    });
});

Answer 2

这是最终的工作代码：

    $("#slider-range").find('a').mousedown(function(e){
        isDown=true;
        console.log(isDown);
            if(isDown)
            {
                $(document).one('mouseup',function(e) {
                        setAjaxRequest();
                        isDown = false;
                });
            }
            else
            {
                isDown = false;
            }
    });