jquery帶引數繫結事件 bind(type,[data],fn)
阿新 • • 發佈:2018-11-20
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)