PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum


Event ของ jquery แบบ Basic

25 September 2008 By
jquery event basic


เหตุการณ์ที่ผู้ใช้กระทำ แบบง่ายของ jquery ประกอบด้วย เมื่อคลิก เมื่อเลื่อนเมาส์อยู่เหนือ และเมื่อเลื่อนเมาส์ออก 3 เหตุการณ์ ดูตัวอย่าง พร้อม โค้ด ด้านล่างประกอบ
เหตุการณ์เมื่อคลิกเมาส์

เหตุการณ์เมื่อเลื่อนเมาส์อยู่เหนือ

เหตุการณ์เมื่อเลื่อนเมาส์ออก

<html>
<head>
<title>demo</title>
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script language="javascript">
	$(function(){
		$("a#demo").click(function(){ 
			alert("Mouse Click"); 
		});

		$("a#demo2").mouseover(function(){  
			alert("Mouse Over"); 
		});		
		
		$("a#demo3").mouseout(function(){  
			alert("Mouse Out"); 
		});			
		
	});
</script>
</head>
<br />

<a href="#" id="demo">เหตุการณ์เมื่อคลิกเมาส์</a><br />
<a href="#" id="demo2">เหตุการณ์เมื่อเลื่อนเมาส์อยู่เหนือ</a><br />
<a href="#" id="demo3">เหตุการณ์เมื่อเลื่อนเมาส์ออก</a><br />
<body>
</body>
</html>






Tags:: event basic jquery






อย่าลืมกด Like กด Share เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ


URL สำหรับอ้างอิง