javascript - 如何将 while 循环中生成的值存储到变量以供以后在 JQuery 中使用

Question

我有下面的代码，由“mousemove”事件执行:

$("div").on("mousemove", function( event ) {
    var k = 0;
    var x = 0;
    while(k<y){
        k++;
        x = k;
    }
}

问题是，一旦循环已经运行并停止，并且鼠标从当前位置移动一个像素，并且碰巧条件尚未满足，我就会丢失 k++ 的值即 var x = k; 相反，var x 被重置为 0(零)，就像循环之前一样。即使在光标移动后，我也需要保留 var x = k++ 的值以供以后使用。

请指教。谢谢。

Answer 1

存储此类值的最佳位置是元素的数据属性中。假设您的页面上有多个 div 元素，当前的设置要求每个 div 都有一个唯一的变量:

$('div').on('mousemove', function( e ) {
    var k = $(this).data('k') || 0;
    //......
    $(this).data('k', +k+1);
    console.log( $(this).data('k') );
});

$('div').on('mousemove', function( e ) {
        var k = $(this).data('k') || 0;
        //......
        $(this).data('k', +k+1);
        console.log( $(this).data('k'), this );
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="div1">DIV 1</div>
<div class="div2">DIV 2</div>
<div class="div3">DIV 3</div>