如何在 jQuery 中取得相對於目標元素的滑鼠點擊座標？

使用jQuery 確定目標元素上的點擊座標

為了捕捉點擊時相對於目標元素的滑鼠座標，jQuery 提供了多種方法來獲得準確的結果。

event.pageX 和 event.pageY

event.pageX 和 event.pageY屬性提供相對於文件的滑鼠指標位置。

Element.offset()

offset() 方法會擷取元素在文件中的偏移位置。

Element.offset()

offset() 方法會擷取元素在文件中的偏移位置。 position()

position() 方法決定元素在其父元素中的相對位置

示範

考慮以下JavaScript 程式碼：

此程式碼將計算並顯示相對於目標元素的精確點擊座標。

範例 HTML

以上是如何在 jQuery 中取得相對於目標元素的滑鼠點擊座標？的詳細內容。更多資訊請關注PHP中文網其他相關文章！