js实现鼠标的点击切换事件
2018-03-15 12:00
585 查看
随着jQuery的不断更新,有些鼠标的事件也会不断地被更新掉,就比如说的下面要输得toggle()事件就是其中之一:
toggle()事件的jQuery实现方式:
用起来是很方便,能节省不少的代码;但是,如果jQuery不支持了该怎么?那就用js实现就好了,哈哈:
很好用,也比较简单!!!
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背景色改为黑色 } }
很好用,也比较简单!!!
相关文章推荐
- JS鼠标3次点击事件实现代码及扩展思路
- js鼠标事件解析——如何用js实现一个拖动但是不触发其点击事件
- js中的事件响应,实现网页交互,鼠标点击、经过等
- web前端实验一:利用Js捕获鼠标事件实现图片切换
- js鼠标点击图片切换效果实现代码
- js事件之点击不同按钮固定位置实现内容切换
- 用js给div绑定事件,实现点击切换效果的几种方式总结
- JS鼠标3次点击事件实现及扩展思路
- JS实现点击切换事件
- js鼠标点击图片切换效果实现代码
- JS响应鼠标点击实现两个滑块区间拖动效果
- js鼠标点击图片实现随机变换图片的方法
- js鼠标经过tab选项卡时实现切换延迟
- js鼠标事件实现便笺墙
- JS实现鼠标点击展开或隐藏表格行的方法
- JS实现三个层重叠点击互相切换的方法
- js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)
- js实现鼠标点击左上角滑动菜单效果代码
- JS实现网页点击事件