Javascript 如何将div附加到用户在jQuery中单击页面的位置

我无法将div附加到用户在页面上单击的任何位置

例如

如果用户点击页面的边，就应该在他们点击的地方附加一个div，如果他们在页面的中间点击，就应该把div附加到他们点击的精确位置，等等等等。 这是我目前掌握的代码

$('body').click(function(e){
        console.log("X: " + e.pageX + " Y: " + e.pageY);
});

这用于获取用户单击位置的x、y跳线

任何帮助都将不胜感激

谢谢

---

Arnav要收听

请单击

事件，首先将

侦听器

添加到

文档

。单击后，创建新元素，并使用

x

和

y

坐标值设置

left

和

top

属性

document.addEventListener（'click'，函数（e）{
const div=document.createElement（'div'）；
div.innerHTML=`newcontent`；
div.style.position=“绝对”；
div.style.left=e.x+‘px’；
div.style.top=e.y+‘px’；
文件.正文.附件（div）；
});如果要使用CSS（位置）设置样式，必须查看事件的坐标。如果父对象是非静态位置，则使用CSS绝对位置。另一种选择是使用位置：相对于视口（或文档顶部？不记得了）的固定位置

document.body.addEventListener（'click'，event=>event.target.appendChild（document.createElement（'div'））

某些元素（输入/标签）不能有子元素，因此您可能必须确保目标是有效的节点

这应该适用于事件传播的bc（event.currentTarget应该是主体，但单击的内容很可能是event.target）
谢谢您的回答，但是有没有办法将html添加到此div中@fuzzybuddy-是的。使用
innerHTML
而不是
textContent
。请参见编辑。如果答案解决了问题，请将其标记为已接受，以表明问题已解决。我尝试过innerHTML，但它表示innerHTML未定义。它
无法设置innerHTML的未定义值
或
innerHTML未定义值
？innerHTML未定义