event.pageX - Events , jQuery |
event.pageX() เป็นการใช้ jQuery Event กับ event.pageX() ใช้ในการอ่านค่าตำแหน่งของ mouse ใน ในแกน x
Syntax
Example ตัวอย่างการใช้งาน Event ของ jQuery event.pageX()
EventseventpageX.html
01.<html>
02.<head>
03.<title>ThaiCreate.Com jQuery Tutorials</title>
04.<style>
05. body {background-color: #eef; }
06. div { padding: 20px; }
07.</style>
08.<script type="text/javascript" src="jquery-1.6.4.js"></script>
09.<script type="text/javascript">
10. $(document).ready(function(){
11.
12. $(document).bind('mousemove',function(e){
13. $("#log").text("e.pageX: " + e.pageX + ", e.pageY: " + e.pageY);
14. });
15.
16. });
17.</script>
18.</head>
19.<body>
20.
21. <div id="log"></div>
22.
23.</body>
24.</html>
Screenshot
คำอธิบาย (ภาษาไทย)
จากตัวอย่างเป็นการใช้ jQuery Event กับ event.pageX() ในการจัดการกับ element ที่อ้างถึง
ลิ้งค์ที่ควรศึกษา
Go to : jQuery Selectors : jQuery Selectors and Element
Go to : jQuery Events : jQuery and Events
เกี่ยวกับบทความ
ส่วนหนึ่งของบทความได้เรียบเรียงและแปลจากเว็บไซต์ jQuery.Com โค้ดตัวอย่างคำสั่งนี้อยู่ภายใต้สัญญาอนุญาตของ GFDL สามารถนำโค้ดและคำสั่งใช้งานได้ฟรี สงวนลิขสิทธิ์เฉพาะคำอธิบายภาษาไทย
|
 ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท
|
|
| |
By : |
ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ) |
| |
Score Rating : |
 |
|
| |
Create/Update Date : |
2011-09-22 21:32:08 /
2017-03-19 13:59:47 |
| |
Download : |
No files |
|
|
Sponsored Links / Related |
|
|
|
|
|
|
|
