bind()和unbind()提供了事件的绑定和取消机制,既可以绑定html默认支持的事件,也能够绑定自定义的事件。
1、JQuery中事件可以重复绑定,不会覆盖。
复制代码
1 $("#button1").bind(“click”,function(){
2 alert(“func1”);
3 });
4 $("#button1").bind(“click”,function(){
5 alert(“func2”);
6 });
复制代码
复制代码
1 $("#button1").bind(“click”,sameFunc);
2 $("#button1").bind(“click”,sameFunc);
3
4 function sameFunc()
5 {
6 alert(“func”);
7 }
复制代码
当点击button1的时候,这2个事件处理函数都会触发。上面绑定的是不同的匿名函数,占用不同的内存空间。就算是同一个处理函数,依然存在重复绑定问题。当button1被点击的时候,上面的事件处理函数同样会被调用2次。
2、使用bind一次绑定多个事件和处理函数。
如果多个事件需要注册相同的处理函数,那么可以使用如下代码进行简化(事件名称使用空格分隔):
1 $("#button1").bind(“mousedown mouseup”,function(){
2 console.log(11);
3 });
如果每个事件的处理函数不同,那么可以使用如下的方式(json对象):
复制代码
1 $("#button1").bind(
2 {
3 “mousedown”:function(){
4 console.log(“mousedown”);
5 },
6 “mouseup”:function(){
7 console.log(“mouseup”);
8 }
9 }
10 );
复制代码
3、传递event对象和自定义参数
1 $("#button1").bind(“click”, {name:“aty”}, function(eventObject){
2 alert(“params=” + eventObject.data.name);
3 });
eventObject很像IE和FF中的event对象,通过它能够获取事件发生时更详细的信息。如果我们指定了自定义的参数,那么JQuery会将它放在事件对象的data属性中,即通过eventObject.data就能够拿到我们传递的参数值。
事件取消的三种形式。
4、事件取消的三种形式。
unbind用来取消之前通过bind绑定的事件处理函数,总的来说有三种形式:取消所有事件、取消某种类型的事件、取消某种类型下的某个事件处理函数。
$