想用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>