使用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);

视口大小无关紧要，因为它将返回该特定视口的 X 和 Y 位置（以 px 为单位）。