javascript - 单击时如何计算具有绝对位置的div的左侧和顶部

标签 javascript css

我有一些带有“点击”事件的元素。当我点击这个元素时,我必须在点击的地方显示模态。此模态具有绝对位置。

我尝试获取 event.pageX 和 event.pageY

let style = 'top: ' + event.pageX+ 'px; left: ' + event.pageY + 'px;';

但我的模态显示很远(看屏幕)

http://joxi.ru/brRa073u7J73vA

最佳答案

您可以使用 clientX/clientY 事件的属性来获取点击的位置

关于javascript - 单击时如何计算具有绝对位置的div的左侧和顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53725516/

相关文章:

javascript - 如何在 Wordpress 中包含带有 functions.php 的 css/js?

javascript - 如何自动链接一系列 ajax 请求?

javascript - 如何使用 Three.js 获取纹理尺寸

javascript - Phonegap 应用程序 - iOS 上的 localStorage(需要说明)

jquery - 固定视差标题图像

jquery - Div 在通过 JS 更新后不会根据内部 img 重新计算它的宽度 - Chrome

javascript - 只打开一个弹出窗口(面板)

javascript - 使用 jQuery 从 URL 获取查询字符串

html - 如果 parent 没有边界, child 就会失去边距

css - 将导航选项卡添加到 Tailwind CSS 导航栏