PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

Event ของ jquery แบบ Basic

25 September 2008 By


เหตุการณ์ที่ผู้ใช้กระทำ แบบง่ายของ 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:: basic jquery event





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