• jQuery绑定事件-多种方式实现


    jQuery绑定事件-多种方式实现:

    <html>
    <head>
    <meta charset="utf-8" />
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><!--百度CDN-->
    </head>
    
    <body>
    <input type="text"/>
    <input type="button" value="button1"/>
    <script>
    $(function(){
        var text = $(":text");
        var button = $(":button");
        //调试器记录日志  console.log("message"); 如:火狐浏览器,打开FireBug(按F12)
        
        //触发单个事件:两种方式
        button.bind("mouseover",function(){
            console.log("移入");
        });
        button.bind({
            "mouseout": function(){
                console.log("移出");
            }
        });
        //多个事件:三个方式
        text.bind("dblclick blur",function(){
            console.log("双击或者失去焦点");
        });
        text.bind({
            "dblclick blur":function(){
                console.log("双击或者失去焦点");
            }
        });
        text.bind({
            "dblclick":function(){
                console.log("双击");
            },
            blur:function(){
                console.log("失去焦点");
            }
        });
        
        //取消事件
        text.unbind("dblclick"); //取消单个事件
        //text.unbind("dblclick blur"); //取消多个事件
        //text.unbind(); //取消全部事件
    });
    
    </script>
    </body>
    </html>
  • 相关阅读:
    bzoj 4548 小奇的糖果
    CF1151F Sonya and Informatics
    loj 2392「JOISC 2017 Day 1」烟花棒
    loj 2336「JOI 2017 Final」绳
    luogu P3620 [APIO/CTSC 2007]数据备份
    bzoj 4771 七彩树
    CF765F Souvenirs
    bzoj 3145 [Feyat cup 1.5]Str
    luogu P4482 [BJWC2018]Border 的四种求法
    第五章例题
  • 原文地址:https://www.cnblogs.com/WebMobile/p/3910822.html
Copyright © 2020-2023  润新知