如何解决如何在模态弹出窗口中的鼠标单击事件上获得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 举报,一经查实,本站将立刻删除。