javascript - 事件监听器帮助(使一个按钮/元素执行多项操作)

Question

您好，我遇到了一个问题，即我无法从代码中获取多个事件。

目标是让它按顺序显示这两个功能......任何帮助都会很棒!!!

var button = document.getElementById("button element");
//only clicks once:
button.addEventListener("click", function, false);
button.addEventListener("click", function2, false);

Answer 1

如果您希望更改由点击触发的处理程序，请更改处理程序:

function firstThing() {
    // Do something

    // Set up next handler
    this.removeEventListener("click", firstThing, false);
    this.addEventListener("click", nextThing, false);
}

function nextThing() { /* .... */ }

button.addEventListener("click", firstThing, false);

或者更简单地说，只需跟踪状态即可:

var clicked = false;
button.addEventListener("click", function() {
    if (!clicked) {
        // Do the first thing
        clicked = true;
    }
    else {
        // Do the next thing
    }
}, false);