如何使用jQuery獲取鼠標(biāo)指針的當(dāng)前坐標(biāo)

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

我們提供的服務(wù)有：成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、萬源ssl等。為上1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的萬源網(wǎng)站制作公司

Jquery創(chuàng)建新div，并定位到鼠標(biāo)位置怎么實(shí)現(xiàn)

首先，只講思路方法不講具體代碼，別人直接給的永遠(yuǎn)不是自己的

創(chuàng)建新標(biāo)簽比較簡(jiǎn)單百度下就知道了就不說了，然后至于定位到鼠標(biāo)位置，簡(jiǎn)單介紹下思路第一點(diǎn)，用clientX和clientY獲取鼠標(biāo)的坐標(biāo)即位置，然后給新建的div添加定位屬性，再將之前獲取的鼠標(biāo)位置的值賦值給div的top和left

ok，思路就這樣

jquery 如何獲取鼠標(biāo)當(dāng)前位置？

獲取當(dāng)前位置代碼如下：

html

head

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

titlejavascript獲得鼠標(biāo)位置/title

/head

body

script

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

function mouseMove(ev)

{

Ev= ev || window.event;

var mousePos = mouseCoords(ev);

//獲取當(dāng)前的x,y坐標(biāo)

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

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

}

function mouseCoords(ev)

{

//鼠標(biāo)移動(dòng)的位置

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

鼠標(biāo)X軸:

input id=xxx type=text

鼠標(biāo)Y軸:

input id=yyy type=text

/body

jquery判斷鼠標(biāo)移動(dòng)位置的變化

!DOCTYPE?html

html

head?

meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"

script?type="text/javascript"?src=""/script

/head?

body?

script?type="text/javascript"?

$(document).ready(function(){

$('#mo').mousemove(function(e){

n=$('#xxx').val()-50;

m=$('#yyy').val()-50;

$('#mo').css({top:m+'px',?left:n+'px'});

});

});

function?mouseMove(ev)

{

Ev=?ev?||?window.event;

var?mousePos?=?mouseCoords(ev);

document.getElementById("xxx").value?=?mousePos.x;

document.getElementById("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?

鼠標(biāo)X軸:

input?id='xxx'?type='text'

鼠標(biāo)Y軸:

input?id=yyy?type=text?

div?id='mo'?style='position:absolute;width:200px;height:200px;background:red'111/div

/body

/html

jquery怎么獲取鼠標(biāo)點(diǎn)擊的位置x

點(diǎn)擊的時(shí)候獲取下當(dāng)前位置

獲取位置方法

clientX，clientY

screenX，screenY

具體例子看下