色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery獲取鼠標(biāo)位置坐標(biāo)

jQuery是一款非常常用的JavaScript庫(kù),它封裝了很多實(shí)用的函數(shù)和方法,讓前端開(kāi)發(fā)更加便捷。其中一個(gè)重要的功能就是獲取鼠標(biāo)位置坐標(biāo)。

使用jQuery獲取鼠標(biāo)位置坐標(biāo)非常簡(jiǎn)單,只需要一個(gè)事件綁定和兩個(gè)方法即可。

$(document).mousemove(function(e){
var X = e.pageX;
var Y = e.pageY;
console.log("X坐標(biāo):" + X + ",Y坐標(biāo):" + Y);
});

上面的代碼中,我們使用了一個(gè)鼠標(biāo)移動(dòng)事件(mousemove)綁定到document上,然后獲取了鼠標(biāo)的位置坐標(biāo),分別存儲(chǔ)到X和Y兩個(gè)變量中。最后,我們使用console.log()方法將坐標(biāo)打印出來(lái)。

需要注意的是,鼠標(biāo)位置坐標(biāo)是相對(duì)于頁(yè)面左上角的距離。如果我們只想獲取相對(duì)于某個(gè)元素的坐標(biāo),可以使用event對(duì)象的pageX和pageY屬性獲取鼠標(biāo)相對(duì)于當(dāng)前元素的坐標(biāo)。

$(document).mousemove(function(e){
var X = e.pageX;
var Y = e.pageY;
var boxX = $('#box').offset().left;
var boxY = $('#box').offset().top;
var relativeX = X - boxX;
var relativeY = Y - boxY;
console.log("相對(duì)于box元素的X坐標(biāo):" + relativeX + ",Y坐標(biāo):" + relativeY);
});

上面的代碼中,我們先獲取了box元素相對(duì)于頁(yè)面的左上角的坐標(biāo),然后用鼠標(biāo)坐標(biāo)減去box坐標(biāo),得到相對(duì)于box元素的坐標(biāo)。

總之,使用jQuery獲取鼠標(biāo)位置坐標(biāo)非常方便,可以應(yīng)用于各種場(chǎng)景,如拖拽、鼠標(biāo)點(diǎn)擊等。