如何在模态弹出窗口中的鼠标单击事件上获得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"
   />

我还尝试了以下代码来获取X和Y坐标

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

上述方法也不起作用。

有人可以建议应该怎么做吗？

关于， 普拉文

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）