Aug
14
2009
Events

Events bind

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

มาทำความรู้จักกับ Event Bind กันบ้างครับ event bind นี้การทำงานของมันก็คือ การผูก event ต่างๆ เช่น blur, focus, load, resize, scroll, unload, beforeunload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error ให้เข้าไปอยู่กับ element หรือ tag ต่างๆเช่นถ้าเราต้องการจะให้ tag P ให้มี event click แล้วให้ alert ค่าอะไรสักอย่างออกมาโดยที่เราไม่ต้องไปไล่ใส่ code onClick ใน tag นั้นๆ สามารถทำได้โดยการใช้ Bind เนี่ยแหละครับ

ตัวอย่าง

1
2
3
4
5
6
7
<p>Click Here Test Event Bind</p>

<script>
    $("p").bind("click",function(e){
                alert("Bind onClick!!");
    });
</script>

หรือจะผูกกับ Events มากกว่า 1 Events ก็ได้นะครับ เช่นต้องการทั้ง onClick และ onMouseOver

1
2
3
$("p").bind("click mouseover"function(e){
       alert("Bind onClick and onMouseOver");
});

ง่ายใหมครับกับการผูก Event ต่างๆเข้าไปใน Tag ที่เราต้องการลองนำไปใช้กันดูครับ

Tags: ,

Related Posts

Comments are closed.