Event ของ jquery แบบ 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>
บทความในหมวดที่่น่าสนใจ อื่นๆ
