Html 如何在模式弹出窗口中获得鼠标点击事件的X和Y坐标？

我有一个这样的模式弹出窗口

里面有一个删除图标

单击此删除按钮时，另一个弹出窗口将确认删除

我面临的问题是确认弹出窗口并没有出现在点击事件发生的位置。 它在不同的地方运行

要获得鼠标点击的X和Y坐标，我使用以下代码

   deleteHistorytNote = (e) => {
     e.preventDefault();
     this.state.nhclientX = e.clientX; 
     this.state.nhclientY = e.clientY; 
   };

这里是点击事件代码

 <input
   type="image"
   id="nhTrash"
   onClick={(e) =>
       this.deleteHistorytNote(e)
   }
   src="/assets/images/notes/trash-can.png"
   class="Trash-can"
   />

上述方法也不起作用

有人能建议应该怎么做吗

问候,， 普拉文

   deleteHistorytNote = (e) => {
     e.preventDefault();
     this.state.nhclientX = e.PageX; 
     this.state.nhclientY = e.PageY; 
   };