如何根据点击次数让一个按钮执行多项任务?(Javascript)
例如,单击按钮 - 再次单击警报“按钮单击一次”按钮 - 再次单击警报“按钮单击两次”按钮 - 再次单击警报“按钮已单击 3 次!”
对不起,如果它是一个菜鸟问题,原因是我是菜鸟!!!
如何根据点击次数让一个按钮执行多项任务?(Javascript)
例如,单击按钮 - 再次单击警报“按钮单击一次”按钮 - 再次单击警报“按钮单击两次”按钮 - 再次单击警报“按钮已单击 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
}
在 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;
}
}
就是这样。