jQuery獲取滑鼠指標座標
實際應用中,可能需要獲取當前滑鼠的座標,下面就來簡單介紹一下如何實現此功能。
當然例子非常簡單,大家可以根據實際需要靈活的應用和擴充套件。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #mytest { width:150px; height:150px; background-color:green; } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#mytest").mousemove(function(e){ $("span").text("x:"+e.pageX+"y:"+e.pageY+"") }) }) </script> </head> <body> <div id="mytest"></div> <div>當前滑鼠指標座標:<span></span></div> </body> </html>
要注意的是,此座標並不相對於div的,而是獲取的滑鼠指標在文件的座標。
相關閱讀:
(1).mousemove事件參閱jQuery mousemove事件一章節。
(2). text()參閱jQuery text()方法一章節。
(3).pageX屬性參閱jQuery event.pageX屬性一章節。
相關文章
- JavaScript 獲取滑鼠指標座標JavaScript指標
- JavaScript獲取滑鼠指標座標詳解JavaScript指標
- JavaScript 獲取滑鼠指標的座標JavaScript指標
- JavaScript獲取滑鼠座標JavaScript
- 滑鼠滑動獲取絕對座標方法 jqueryjQuery
- javascript獲取滑鼠指標在整個頁面中的座標位置JavaScript指標
- js獲取滑鼠指標在顯示器螢幕中的座標JS指標
- JavaScript-滑鼠獲取頁面座標JavaScript
- JavaScript獲取滑鼠在文件中座標JavaScript
- JavaScript獲取滑鼠在元素中的座標JavaScript
- DataGridView通過滑鼠座標,獲取所在行索引View索引
- javascript獲取滑鼠在網頁文件中的座標JavaScript網頁
- javascript獲取滑鼠在瀏覽器客戶區座標JavaScript瀏覽器
- 觸控事件獲取座標事件
- js獲取滑鼠在頁面中的座標簡單介紹JS
- Vue中使用MouseMove事件 獲取滑鼠座標頻率降低或事件卡頓Vue事件
- JavaScript獲取元素在文件中座標JavaScript
- JavaScript 獲取div在頁面中座標JavaScript
- JQuery獲取滑鼠位置jQuery
- CSS自定義滑鼠指標CSS指標
- 改變滑鼠指標 (轉)指標
- jquery如何獲取標籤的名稱jQuery
- Java 獲取Excel分頁座標位置(單元格)JavaExcel
- Android獲取螢幕和控制元件座標Android控制元件
- js獲取div相對螢幕的座標位置JS
- 百度地圖:根據位置獲取座標地圖
- jQuery如何獲取元素的標籤名稱jQuery
- jQuery獲取節點的標籤名稱jQuery
- GPS獲取座標 顯示Google map偏差計算Go
- win10怎麼更改滑鼠指標樣式_win10滑鼠指標怎麼美化Win10指標
- win10如何修改滑鼠指標方案_win10更改滑鼠指標主題方案教程Win10指標
- fedora系統怎麼設定滑鼠指標大小?fedora滑鼠指標設定大小的教程指標
- win10滑鼠指標美化設定在哪 修改滑鼠指標樣式的具體方法Win10指標
- CSS設定滑鼠指標形狀CSS指標
- CSS自定義滑鼠指標樣式CSS指標
- JQuery 獲得絕對,相對位置的座標方法--非常重要jQuery
- win10怎麼調整滑鼠指標_win10怎麼更改滑鼠指標圖案Win10指標
- Java 獲取Excel中圖片所在的行、列座標位置JavaExcel