用Jquery選擇圖像的區域

Question

我用C＃和mvc5開始了一個Web應用程序。

在我的應用程序中，我從數據庫中讀取圖像，並在圖像滑塊中顯示它們。

我想添加一個按鈕到頁面，當用戶點擊這個按鈕用戶可以點擊圖像的一個區域，我將這個x和y的區域保存到數據庫。

我的問題是我不知道如何得到x和y與設備的任何分辨率。也許用戶使用Iphone也許Ipad或imac。

Answer 1

您可以獲取和存儲與click事件的位置，如下圖所示：

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

document.addEventListener("click", getClickPosition); 

視口大小將是無關緊要的，因爲它會返回X和Y位置的像素特定視口。