zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    zTree学习笔记之展开树和收起树
    添优--史上超级全面的前端面试题大集合
    springboot2.0整合jpa
    Idea快捷键
    实用工具收藏
    nginx
    SQLServer锁的机制
    centos安装jenkins
    java8
    前端开发收藏
  • 原文地址:https://www.cnblogs.com/iwebkit/p/6116571.html
Copyright © 2011-2022 走看看