1. 程式人生 > >jquery帶引數繫結事件 bind(type,[data],fn)

jquery帶引數繫結事件 bind(type,[data],fn)

bind 方法為每個選擇的元素事件繫結函式
語法格式:bind(type,[data],fn)
其中引數type為一個或多個型別字串引數,type引數選擇範圍如下:
blur,focus,load,scroll,unload,click,
dbclick,mousedown,mouseup,mousemove,mouseover,
mouseout,mouseenter,mouseleave,change,select,submit,
keydowm,keypress,keyup,error
引數data是作為event.data屬性值傳遞給事件物件額外的資料物件
引數fn是繫結到每個選擇元素的事件中的處理函式
$(function(){
    $(“#button1”).bind(“click”,function(){
    $(this).attr(“disabled”,”disabled”);
    })//按鈕不可用
})

如需繫結多個事件,可以將事件用空格隔開,下面我們新增一個click 一個mouseout時間

$(function(){
     $("body ,div ,#button1").bind("click mouseout",function(){
         $(this).attr("disabled","disabled");
     })
})

$(function(){
   $(“.txt”).bind({
       focus:function(){$(“#idTip”).show().html(“執行的是focus事件”);},
       change:function(){$(“#idTip”).show().html(“執行的是change事件”);}
   })
})

在引數bind()方法中,第二個引數data很少用到,用途是通過該引數把一些附加的資訊傳遞給事件處理函式fn中
   $(function(){
      var message=”把該資訊傳遞給Fn函式”;
       $(“.txt”).bind(“focus”,{msg:message},
       function(event){
           $(“#idTip”).show().html(even.data.msg);}
        );//設定文字

})

        

複製程式碼

帶引數繫結函式用法

function handler(event) {
  alert(event.data.foo);
}
$("p").bind("click", {foo: "bar"}, handler)