如何让一个按钮根据点击次数执行多个任务?(Javascript）

How can i get one button to do multiple tasks depending on how many times it has been clicked? (Javascript)

本文关键字：执行 Javascript 任务 一个 按钮      更新时间：2023-09-26

如何根据点击次数让一个按钮执行多个任务？（Javascript）

例如，按钮被点击 - 警报"按钮点击一次"按钮再次被点击 - 警报"按钮点击

两次"按钮再次被点击 - 警报"按钮已被点击三次！

对不起，如果这是一个菜鸟问题，原因是我是菜鸟

!!

小提琴演示：http://jsfiddle.net/h9DbF/

在 js 中：

var clickTimes = 0;
function doSomethingOnClick() {
    clickTimes++;
    switch(clickTimes) {
        case 1:
            alert('Button clicked once');
            break;
        case 2:
            alert('Button clicked twice');
            break;
        default:
            alert('Button clicked ' + clickTimes + ' times');
    }
    //Do something else
}

在 HTML 中：

<button onclick="doSomethingOnClick()">Press me</button>

您可以创建一个在单击按钮时递增的 var，并且可以切换该 var，以便可以根据单击次数执行操作，例如：

var clicks = 0;
function someFunction(){
    clicks++;
    switch (clicks){
        case 1:
            //do something when its clicked only once
            break;
    }
}

仅此而已。

相关文章：