当前位置:  开发笔记 > 编程语言 > 正文

如何找到位于给定(X,Y)位置的DOM节点?(命中测试)

如何解决《如何找到位于给定(X,Y)位置的DOM节点?(命中测试)》经验,为你挑选了1个好方法。

我有一个HTML文档中一个点的坐标(X,Y).如何确定那些坐标处的DOM节点?

一些想法:

是否有一个我错过的DOM命中测试函数,它需要一个点(X,Y)并返回那里的DOM元素?

有没有一种有效的方法来遍历DOM元素树来查找包含元素?由于绝对定位的元素,这似乎很棘手.

有没有办法模拟给定(X,Y)位置的事件,以便浏览器最终创建一个具有指向该元素的指针的事件对象?

(背景:我将Qt的QWebView嵌入到本机应用程序中.我正在尝试根据鼠标结束的DOM节点改变Qt小部件提供的上下文菜单,但是Qt 4.5无法测试DOM元素,虽然这个功能来自4.6.所以我希望我可以将坐标放到Javascript中并使用DOM API进行命中测试.)

谢谢!



1> Crescent Fre..:

只要您的用户没有使用旧版本的Safari,Chrome或Opera,您就很幸运:使用document.elementFromPoint(x, y)(MSDN参考,Mozilla参考,QuirksMode文章):

返回文档中的元素...这是位于给定点下的最顶层元素.

如果你需要支持旧的浏览器,我想不出除了你的建议之外的许多选项(遍历整个DOM,查看元素位置和大小,看看它们是否封装了你的(x,y)).

我不认为事件模拟会起作用,但这是一个有趣的想法.我对事件调度的理解是你指定事件所针对的目标,这正是你想要首先找到的目标.


完善!elementFromPoint在WebKit中工作,这就是我所嵌入的......完美的胜利!
推荐阅读
Chloemw
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有