您的位置:首页 > Web前端 > JavaScript

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

2018-03-15 12:00 585 查看
随着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背景色改为黑色
}
}


很好用,也比较简单!!!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  JavaScript