Question

例如我有一个光标位置，我把它放在一个变量中，我想在10 ms后得到这个变量和光标位置之间的差异。我不知道该怎么做。

我想制作一个这样的拖拽画面，可以拖动元素而不用具体地调整它。所有我能在这里做的，但它是胡说八道，但也许它可以帮助你理解我真正想要的东西）。）

    <!DOCTYPE html>
<html>
<head>
    <title>example</title>
    <style>
    .red {
    width:500px;
    height:100px;
    background:red;
        cursor: move;
    position:relative;
}

.green {
    width:100px;
    height:100px;
    background:green;
    position:absolute;
    left:0;
}

    </style>
    <script src="http://code.jquery.com/jquery-2.1.0.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        var draggble = false;
var currentLeft;
var currentX;

$(document).on("mousedown",".red",function(){
    draggble = true;
    currentLeft = parseInt($(".green").css("left"),10);
});

$(document).on("mouseup", "body", function () {
        draggble = false;
});

$(document).on("mousemove","body",function(e){
    currentX = e.pageX;
    if(draggble){
        setTimeout(function(){
        currentLeft = currentLeft + currentX - e.pageX;
        $(".green").css("left",currentLeft);      
    },10);
    }
});
    </script>
</head>
<body>
    <div class="red">
    <div class="green"></div>
    </div>
</body>
</html>

http://jsfiddle.net/f8Kx9/

对于我可怕的英语，我也很抱歉，这几乎是我第一次需要写作。

如何在两个不同时刻获得两个光标位置之间的差异？

0 个答案: