如何使用jQuery獲取鼠標指針的當前坐標

function test(e){ //這里可得到鼠標X坐標 var pointX = e.pageX; //這里可以得到鼠標Y坐標 var pointY = e.pageY; }

成都創(chuàng)新互聯(lián)公司長期為超過千家客戶提供的網(wǎng)站建設服務，團隊從業(yè)經(jīng)驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為華州企業(yè)提供專業(yè)的成都網(wǎng)站制作、網(wǎng)站設計，華州網(wǎng)站改版等技術服務。擁有10多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

jquery怎樣定時捕捉鼠標坐標

獲得鼠標的坐標，很簡單，代碼如下，你試試：

jQuery?Code:

$('body').bind("mousemove",function(event){

$('#ss').html('The?mouse?cursor?is?at:(?'+?event.pageX?+?','?+?event.pageY?+?')');

});

Xhtml?Code:

div?id="ss"The?mouse?cursor?is?at:/div

附圖一張，效果如下：

IE6?FF?Chrome?下都沒有問題哦　已經(jīng)試過

jquery 如何獲取鼠標當前位置？

獲取當前位置代碼如下：

html

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

titlejavascript獲得鼠標位置/title

/head

body

script

!-- 其中的參數(shù)e指的是事件--

function mouseMove(ev)

{

Ev= ev || window.event;

var mousePos = mouseCoords(ev);

//獲取當前的x,y坐標

document.getElementByIdx_x_x_xx_x("xxx").value = mousePos.x;

document.getElementByIdx_x_x_xx_x("yyy").value = mousePos.y;

}

function mouseCoords(ev)

{

//鼠標移動的位置

if(ev.pageX || ev.pageY){

return {x:ev.pageX, y:ev.pageY};

}

return{

x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,

y:ev.clientY + document.body.scrollTop - document.body.clientTop

};

}

document.onmousemove = mouseMove;

/script

鼠標X軸:

input id=xxx type=text

鼠標Y軸:

input id=yyy type=text

/body

JQuery獲取鼠標坐標的問題

div onmouseover="test(event)"/div

function test(e){

//這里可得到鼠標X坐標

var pointX = e.pageX;

//這里可以得到鼠標Y坐標

var pointY = e.pageY;

}

本文名稱：jquery鼠標坐標,jquery鼠標事件有哪些
轉載源于：http://chinadenli.net/article29/dsisjch.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供關鍵詞優(yōu)化、網(wǎng)站收錄、網(wǎng)站制作、App開發(fā)、靜態(tài)網(wǎng)站、網(wǎng)站設計公司

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)