每次点击代码运行更多

Question

当我点击鼠标时，我想让页面滚动。但是当我点击不止一次时，该功能再次运行。我只想运行一次。当我读到关于 scrollBy 的文章时，我想到了这个想法。

我该如何解决这个问题？

注意：我试过（onmouseover）事件

window.onclick = function () {
    "use strict";
    var m = setInterval(function () {
        window.scrollBy(0,1);
        console.info(m);
    },4);
    window.onmousemove = function () {
        clearInterval(m);
    };
};

Answer 1

保存间隔的变量m 在window.onclick 的函数范围内定义，这使得它在window.onmousemove 中不可用。将您的变量定义移动到全局范围，然后它可以从两个函数中使用：

var m;

window.onclick = function () {
    "use strict";
    m = setInterval(function () {
        window.scrollBy(0,1);
        console.info(m);
    },4);
};

window.onmousemove = function () {
    if (m) {
        clearInterval(m);
    }
};

编辑再次阅读您的问题后，您说您只希望此功能运行一次。在这种情况下，添加一个检查以查看它是否已经运行：

var m;
var hasRun = false;

window.onclick = function () {
    "use strict";

    if (!hasRun) {
        m = setInterval(function () {
            window.scrollBy(0,1);
            console.info(m);
        },4);

        hasRun = true;
    }
};

window.onmousemove = function () {
    if (m) {
        clearInterval(m);
    }
};

Answer 2

特别感谢：rickdenhaan 这是正确的代码：

var m;
var hasRun = false;

window.onclick = function () {
    "use strict";

    if (!hasRun) {
        m = setInterval(function () {
            window.scrollBy(0,1);
            console.info(m);
        },4);

        hasRun = true;
    }
};

window.onmousemove = function () {
    if (m) {
        clearInterval(m);
    }
    var hasRun = false;
};