首页 > 网站 > WEB开发 > 正文

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

2024-04-27 14:33:22
字体:
来源:转载
供稿:网友
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>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表