ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้
ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้


Event ของ jquery แบบ Basic

เขียนเมื่อ 17 ปีก่อน โดย Ninenik Narkdee
jquery event basic

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ jquery event basic

ปัจจุบัน นักพัฒนาสามารถ ใช้ ChatGPT | Gemini | Claude | Perplexity | Deepseek ช่วยในการแก้ไขปัญหาต่างๆ ในการเขียนโปรแกรม หรือหาข้อมูลเพิ่มเติมได้ง่ายและสะดวก แนะนำให้ทุกคนใช้งานเพื่อพัฒนาศักยภาพของตัวเอง

ดูแล้ว 13,090 ครั้ง


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







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








เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ