html 单击网页上任意位置时弹出

0x6upsns  于 2022-12-09  发布在  其他
关注(0)|答案(1)|浏览(199)

基本上我需要一个功能就像这个视频https://www.loom.com/share/916a457d02d84aa699e1e22c6b5b5879
当我点击任何地方时,弹出窗口会在那个特定的位置打开,就像在那个视频上一样。同样要激活那个点击,你需要像在视频上一样先点击+评论按钮
希望有人能帮我
基本上我被卡住了,不知道从哪里开始

vmjh9lq9

vmjh9lq91#

您必须在布局中创建样式为position: absolute;的块,并通过display: none;隐藏它。
在Javascript中,您应该侦听主体上的click事件:

document.body.addEventListener("click", (event) => {
  // here you can get click params by event object
})

现在获取点击位置,将其设置在块top: ...px;left: ...px;的样式上。然后设置display: block;以显示此块。

相关问题