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

Javascript 事件侦听器帮助(使一个按钮/元素执行多项操作),javascript,events,Javascript,Events,嗨,我有一个问题,我不能从我的代码中获得多个事件 我们的目标是让这两个功能显示有序…任何帮助都将是了不起的 var button = document.getElementById("button element"); //only clicks once: button.addEventListener("click", function, false); button.addEventListener("click", function2, false); 如果希望通过单击来更改处理程序,

嗨,我有一个问题,我不能从我的代码中获得多个事件

我们的目标是让这两个功能显示有序…任何帮助都将是了不起的

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

如果希望通过单击来更改处理程序,请更改处理程序:

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

如果希望通过单击来更改处理程序,请更改处理程序:

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

更具体地说,我需要能够单击一次按钮并运行该代码,然后再次运行另一组代码。不要将关键字function用作函数名,因为单词“function”本身在JavaScript中是保留关键字。请尝试使用除“函数”和“函数2”以外的其他名称。@user2793657:若要改进/澄清您的问题,请使用“编辑”链接,而不是注释。更具体地说,我需要能够单击一次按钮并运行该代码,然后再次运行另一组代码。不要将关键字函数用作“函数”一词作为函数名称它本身是JavaScript中的保留关键字。请尝试使用除“函数”和“函数2”以外的其他名称。@user2793657:若要改进/澄清您的问题,请使用“编辑”链接,而不是注释。您可以用3项来完成此操作吗?@user2793657:用计数器替换布尔标志。您可以用3项来完成此操作吗?@user2793657:用计数器替换布尔标志。