js实现鼠标的点击切换事件

随着jQuery的不断更新,有些鼠标的事件也会不断地被更新掉,就比如说的下面要输得toggle()事件就是其中之一:
toggle()事件的jQuery实现方式:

$("p").toggle(
  function(){
  $("body").css("background-color","green");},
  function(){
  $("body").css("background-color","red");},
  function(){
  $("body").css("background-color","yellow");}
);

用起来是很方便,能节省不少的代码;但是,如果jQuery不支持了该怎么?那就用js实现就好了,哈哈:

var num=0;//定义一个变量来控制点击事件的次数
function fullScreen(){ //这个就是要用的的点击事件
    if(num++ %2 == 0){//根据是否能整除进行判断
        console.log("这里部分写你点击第一次要实现的功能代码");//就像下面的代码:
        $("body").css("background-color","red");//第一次点击将整个body添加红色背景色
    }else{
        console.log("这里部分写你点击第二次要实现的功能代码");
        $("body").css("background-color","black");//第二次点击将整个body背景色改为黑色
    }
}

很好用,也比较简单!!!

你可能感兴趣的:(代码总结,前端代码)