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

事件监听器帮助（使一个按钮/元素执行多项操作）

1 个答案: