jQuery事件繫結與取消
阿新 • • 發佈:2019-01-10
1、頁面載入完畢時,為元素繫結事件
$().bind(事件型別,有名|無名函式)
$(function(){
$('div').bind('mouseover',function(){
//事件內容
});
$('div').bind('mouseout',function(){
//事件內容
});
});
2、為同一個物件的多個不同型別事件繫結同一個處理
$().bind(型別1 型別2 型別3 。。,function());
注意:型別之間用一個空格分隔
$('div').bind('click mouseover mouseout',function(){ //事件 });
3、以json物件,批量繫結事件
$('div').bind({click:function(){console.log('1');},mouseover:function(){console.log('2');},mouseout:function(){console.log('3');}
});
注意:同一個型別,重複新增事件,事件發生時,依次執行
取消:
1、$().unbind(); //取消全部
2、$().unbind(事件型別); //取消指定型別的全部事件
3、$().unbind(事件型別,有名函式); //取消指定型別的指定事件