jquery用一個事件控制另外一個事件是否執行（不是刪除事件）

時間 2019-12-14

原文原文鏈接

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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。