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