JavaScript：为每个链接的 href 添加像素位置

Question

是否可以将 href 链接的坐标添加到目标查询中？

我的意思是这样的：

<a href="index.php?action=create&id=123&x=[...]&y=[...]" id="123">Link 123</a>

这应该通过 document.write() 或其他方式将页面上链接 (id) 的坐标添加到查询中。

PS：应该在没有 JQuery 和 IE11 的情况下工作:)

谢谢！

Answer 1

不是使用裸href使用 JavaScript 附加事件，而是获取您想要的 X 和 Y（可能是屏幕或客户端，如下所示）并将location.href重定向到您选择的页面，根据需要构建 url（在下面注释掉，以便您可以看到输出）。

 document.querySelector('#link').addEventListener("click",evt => { console.log("screen",evt.screenX,evt.screenY); console.log("client",evt.clientX,evt.clientY); //location.href = "somepage.php?x=" + evt.screenX + "&y=" + evt.screenY });

 <a href="#" id="link">Link</a>

通过在事件处理程序中设置location.href的值，用户的行为将与单击具有href属性的链接相同。