Event ของ jquery แบบ Basic

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

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

ดูแล้ว 12,616 ครั้ง


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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<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>


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



อ่านต่อที่บทความ







Tags:: event jquery basic







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











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