Jun
6
2010

Binding Multiple Event Handlers

An article by บริษัท เก้ายอดสตูดิโอ จำกัด

New feature ที่ 3 ใน jQuery 1.4
วิธีการกำหนด Event handlers ให้กับ Element ที่เราต้องการแบบรวดเดียวจบเลยครับ หรือแบบ Multiple event handlers โดยไม่ต้องมาเสียเวลามาเขียนให้มัน binding ทีละตัวครับ มาดู code กันเลยดีกว่า

1
2
3
4
5
6
7
8
9
10
11

jQuery('#foo).bind({
click: function() {
// do something
},
mouseover: function() {
// do something
},
mouseout: function() {
// do something
}
});

จาก code ด้านบนเราจะเห็นได้ว่าเราสามารถที่จะ binding event ทั้ง 3 ตัวเข้าไปใน element ได้ทีเดียวเลย สะดวกกว่าเดิมเยอะเลยครับงานนี้