gpt4 book ai didi

javascript - 如何检测div中的哪个位置发生了点击事件?

转载 作者:行者123 更新时间:2023-12-02 17:28:37 24 4
gpt4 key购买 nike

我想检测我点击了 id clickdetectiondiv 的 div 中的哪个位置。我使用的代码给出了相对于 HTML 页面正文左上角的位置。我花了很多时间来弄清楚如何做到这一点,但无法找到答案。 我的一个解决方案是减去这个绝对定位的 div 的位置。但我并不总是能得到 div 的位置,因为屏幕尺寸可能会有所不同。请告诉我另一种方法来做到这一点。

提前致谢,

<html>
<head>
<script type="text/javascript">
function clicked(event){
var x=event.clientX
var y=event.clientY
document.getElementById("outputdiv").innerHTML= "X coords: " + x + ", Y coords: " + y;
}
</script>

<style type="text/css">
#clickdetectiondiv{
position: absolute;
top: 100px;
left: 100px;
height: 100px;
width: 500px;
background: gray;
}
#outputdiv{
position: absolute;
top: 300px;
left: 100px;
height: 100px;
width: 500px;
background: #eee;
text-align: center;
}
</style>

</head>

<body>
<div id="clickdetectiondiv" onmousedown="clicked(event);"></div>
<div id="outputdiv"></div>
</body>

</html>

最佳答案

您想要使用像 jquery 或 mootools 这样的 JavaScript 框架,它们具有获取元素相对于您想要以跨浏览器方式编写的任何其他元素的相对位置的功能。为什么要重新发明轮子?

关于javascript - 如何检测div中的哪个位置发生了点击事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12857257/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com