想用click事件控制mouseover事件的执行,如果用删除绑定mouseover事件以后就不能再使用mouseover了,于是只需要设置一个全局变量,并赋值false,当点击click事件,将全局变量设置成true
,然后在mouseover中作全局变量的判断,来决定是否执行mouseover事件中的函数。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8"/> <title></title> <script src="../js/jquery-1.10.2.js"></script> <script> var boolean=true;//定义一个全局变量 $(function(){ $("div").mouseover(function(){ if(boolean)//判断全局变量的布尔值 { $("div").css({"background-color":"red"}); } else { boolean=true;//更改全局变量的布尔值 } }); $("input").click(function(){ boolean=false;//更改全局变量的布尔值 }) }); </script> <style> div{width:100px;height:100px;background-color: blue;} </style> </head> <body> <div></div> <input type="button" value="点我之后移入div不变红"> </body> </html>