zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    HDU-5980
    HDU-5974
    HDU-5979
    关于position的定位
    javascript学习笔记w3chool
    表单相关css技巧
    fis压缩工具的使用
    将HTML页面内容存入json数组
    中介PHP连接前台HTML与数据库MySQL
    lesscss的使用
  • 原文地址:https://www.cnblogs.com/WebMobile/p/3910822.html
Copyright © 2011-2022 走看看