如何根据单击的次数获得一个按钮来执行多个任务? (JavaScript)的

时间:2012-07-05 06:17:57

标签: javascript html

如何根据点击的次数获得一个按钮来执行多项任务? (JavaScript)的

例如单击按钮 - 再次单击警报“单击按钮一次”按钮 - 再次单击警报“单击两次按钮”按钮 - 警告“按钮已被单击三次!”

对不起,如果它是一个菜鸟问题,原因是我是一个NOOB !!!

2 个答案:

答案 0 :(得分:3)

小提琴演示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
}

in html:

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

答案 1 :(得分:0)

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

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

就是这样。