.mousemove( handler(eventObject) ) .mousemove( [eventData,] handler(eventObject) ) .mousemove()
<html> <head> <title>ThaiCreate.Com jQuery Tutorials</title> <style> div { width:220px; height:170px; margin;10px; margin-right:50px; background:yellow; border:2px groove; float:right; } p { margin:0; margin-left:10px; color:red; width:220px; height:120px; padding-top:70px; float:left; font-size:14px; } span { display:block; } </style> <script type="text/javascript" src="jquery-1.6.4.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("div").mousemove(function(e){ var pageCoords = "( " + e.pageX + ", " + e.pageY + " )"; var clientCoords = "( " + e.clientX + ", " + e.clientY + " )"; $("span:first").text("( e.pageX, e.pageY ) - " + pageCoords); $("span:last").text("( e.clientX, e.clientY ) - " + clientCoords); }); }); </script> </head> <body> <p> Try scrolling too. <span>Move the mouse over the div.</span> <span> </span> </p> <div></div> </body> </html>
ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท