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

前端之家收集整理的这篇文章主要介绍了jQuery绑定事件-多种实现方式总结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

$(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(); //取消全部事件
});

以上这篇jQuery绑定事件-多种实现方式总结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的jQuery相关文章