在jQuery中,可以使用event.pageX和event.pageY來獲取當下鼠標的位置。這兩個屬性分別返回鼠標相對于文檔左邊緣和上邊緣的距離。
$(document).mousemove(function(event){ var mouseX = event.pageX; var mouseY = event.pageY; });
上述代碼中,我們綁定了一個鼠標移動事件,并使用event.pageX和event.pageY來獲取鼠標的位置,然后將這兩個變量賦值到我們自己定義的mouseX和mouseY變量中。
如果你想要在某個元素內獲取鼠標的位置,可以使用event.offsetX和event.offsetY屬性。這兩個屬性相對于當前元素左邊緣和上邊緣的距離。
$('#myElement').mousemove(function(event){ var mouseX = event.offsetX; var mouseY = event.offsetY; });
上述代碼中,我們綁定了一個鼠標移動事件,并使用event.offsetX和event.offsetY來獲取鼠標在#myElement元素中的位置,然后將這兩個變量賦值到我們自己定義的mouseX和mouseY變量中。
上一篇css常用的定位方式
下一篇css平滑移動效果