javascript中利用变量作用域实现切换功能
在抽奖的代码中可能会用到键盘事件,要求第一次点击开始再次点击按钮结束。但是如何才能让程序能够识别是再次点击和开始点击呢?这就需要借助一个全局变量,然后动态地在函数的局部作用域中修改这个全局变量的值,通过这个变量的值来作为条件实现点击同一个按钮调用不同的函数的功能。如下代码演示:
1 document.onkeyup=function(event){ 2 event = event || window.event; 3 if(event.keyCode==13){ 4 if(flag==0){ 5 playFun(); 6 flag=1; 7 }else{ 8 stopFun(); 9 flag=0; 10 } 11 } 12 } 13 }
其中flag是全局变量,通过判断和修改flag的值来实现了每次点击按钮在不同函数之间切换功能的效果。