jquery用一個事件控制另一個事件是否執行(不是刪除事件)


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

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM