ทบทวน ลำดับ การทำงาน mouse events ใน jQuery

Bookmark and Share

กรณีทั่วไป
1.mouseenter
2.hover
3.mouseover
4.mousemove
5.mousedown
6.focusin
7.mouseup
8.click
9.mouseout
10.mouseleave
11.hover
12.focusout

หมายเหตุ ลำดับที่ 6. focusin และ 12. focusout เกิดขึ้นกรณีใช้กับ element form เช่น input ชนิดต่างๆ เป็นต้น

กรณ๊การกด double click (dblclick)
1.mousedown
2.mouseup
3.click
4.mousedown
5.mouseup
6.click
7.dblclick

รูปแบบการใช้งาน mouse events ทั่วไป

<script language="javascript" src="js/jquery-1.4.1.min.js"></script>   
<script type="text/javascript">
$(function(){
	$("#divTest").mousedown(function(){
		alert("mousedown");
	});	
});
</script>

 




บทความในหมวดที่่น่าสนใจ อื่นๆ jQuery Learning

05 Apr 10 กำหนด link ลิ้งค์ ทั้งหมด ให้ เปิดหน้าต่างใหม่ ด้วย jQuery อย่างง่าย อ่าน 1254 18 Mar 09 สร้างเครื่องคิดเลขอย่างง่ายด้วย CSS และ jQuery อ่าน 1251 26 Jan 10 การใช้งาน method .clearQueue() ใน jQuery 1.4 javascript library เวอร์ชั่นล่าสุด อ่าน 1219 21 Jul 10 เทคนิค การเพิ่ม ลบ แถว ในตาราง รายการข้อมูล ด้วย jQuery อย่างง่าย อ่าน 1199 09 Aug 10 ประยุกต์ jQuery UI ปฏิทิน Datepicker แสดงภาษาไทย และใช้ ปี พ.ศ. อ่าน 1103 12 Aug 10 ประยุกต์ ใช้ jQuery สร้างข้อความเลื่อน ซ้าย ขวา คล้าย marquee อ่าน 589 27 Aug 10 เทคนิค jQuery สร้าง preloading page หรือ loading image ก่อนแสดงหน้าเว็บ อ่าน 524 22 Aug 10 สร้าง waiting page ให้รอสักครู่ ก่อนลิ้งค์ ไปเว็บอื่น ด้วย jQuery และ php อ่าน 447 16 Aug 10 เทคนิค ใช้ event beforeunload แจ้งเตือนก่อน ปิดบราวเซอร์ ด้วย jQuery อ่าน 400 26 Aug 10 ใช้ comments.get เรียกและ บันทึก facebook comment ล่าสุด ลงฐานข้อมูล ด้วย jQuery อ่าน 321 09 Sep 10 Google map API v.3 กับ jQuery ลากจุดหา พิกัด ค่า latitude และ longitude มีการอัพเดท อ่าน 81 10 Sep 10 ค้นหา พิกัด ค่า latitude และ longitude ใน Google Map จากฃื่อสถานที่ อ่าน 63 10 Sep 10 การแสดง ข้อมูลใน infowindows ของ google map ด้วย ajax ใน jQuery อ่าน 7
จำนวนผู้เยี่ยมชม 190989 คน 2010 © Copyright ninenik.com. All rights reserved.