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);