Select 个图像区域 Jquery

Question

我使用 C# 和 mvc5 启动了一个 Web 应用程序。

在我的应用程序中，我从数据库中读取图像并在图像滑块中显示它们。

我想在页面上添加一个按钮，当用户点击这个按钮时，用户可以点击图像的一个区域，我将这个区域的 x 和 y 保存到数据库中。

我的问题是我不知道如何使用任何分辨率的设备获得 x 和 y。也许用户使用 Iphone 可能 Ipad 或者 imac.

Answer 1

您可以通过单击事件获取和存储位置，如下所示：

function getClickPosition(e) {
    var cursorX = e.pageX;
    var cursorY = e.pageY;
}

document.addEventListener("click", getClickPosition);

视口大小无关紧要，因为它将 return 以像素为单位的特定视口的 X 和 Y 位置。

Select areas of an image with Jquery