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

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