Lấy tọa độ X, Y của chuột trong hộp - Thủ thuật CSS

Anonim

Đoạn mã dưới đây sẽ cung cấp cho bạn tọa độ X, Y của một cú nhấp chuột trong một hộp nhất định. Loại bỏ tất cả những thứ về độ lệch, bạn có thể dễ dàng nhận được tọa độ X, Y của lần nhấp liên quan đến cửa sổ trình duyệt.

$(function() ( $("#demo-box").click(function(e) ( var offset = $(this).offset(); var relativeX = (e.pageX - offset.left); var relativeY = (e.pageY - offset.top); alert("X: " + relativeX + " Y: " + relativeY); )); ));

Thí dụ

Bấm vào ô bên dưới