javascript - 如何退出onmousemove事件？

Question

我正在动态创建一个表，具有一定数量的行和列。一旦您触发onmousedown事件，它将运行一个循环来找出哪个 <td></td>您按下并移动，并将其背景颜色设置为红色。

<强> JSFiddle

我只是不明白一旦你触发了 onmouseup 如何停止背景颜色的变化事件。

这是我陷入困境的代码部分:

function mousedown() {
    var elements = document.querySelector('table').getElementsByTagName('td');
    for (var i = 0; i < elements.length; i++) {
        elements[i].onmousemove = function() {
            this.style.background = "red";
        }
        elements[i].onmouseup = function() {
            this.style.background = "none";
        };
    }
}

Answer 1

只需使用一个标志:

var flag = false;
function mousedown() {
    flag = true;
    var elements = document.querySelector('table').getElementsByTagName('td');
    for (var i = 0; i < elements.length; i++) {
        elements[i].onmousemove = function() {
            if (flag) this.style.background = "red";
        }
        elements[i].onmouseup = function() {
            flag = false;
        };
    }

}