我有一个javascript小书签，我把它放在一起，让一项艰巨的任务变得更容易忍受。本质上，我正在浏览数百页的培训Material，并确保所有内容都已从Helvetica正确转换为Arial。小书签代码在下面，但快速分解是它创建了一个mousemove事件监听器和一个小的、绝对定位的div。在mousemove事件中，div移动到新的鼠标位置(向下和向右偏移10px)，使用elementFromPoint获取鼠标下方的元素并显示该元素的font-family属性。哦，它会根据Arial是否出现在属性中来更改它的背景颜色。varbodyEl=document.getElementsByT

我需要知道当前鼠标位置上有哪些元素，并且我正在使用jQuery。 最佳答案 如果我的理解正确，您需要找出鼠标上的元素当前处于打开状态。如果这是正确的，您可以使用document.elementFromPoint(x,y);document.elementFromPointReturnstheelementfromthedocumentwhoseelementFromPointmethodisbeingcalledwhichisthetopmostelementwhichliesunderthegivenpoint.Thepointi

我有一个HTML文档，其中包含3个iframe，分别代表上一页、当前页面和下一页。我试图启用页面滑动(通过jQuerytouchswipe插件)，但也让点击进入iframe内的文档。这是HTML:当pages-wrapper元素被滑动时，上一页或下一页成为事件页面。页面大小为100%，事件页面填满浏览器的视口(viewport)。一切都在同一个域内。iframe的文档可以包含带有图像映射的图像。不幸的是，iframe捕获鼠标事件，禁用父页面上的滑动功能。正如其他人所建议的那样，答案是覆盖一个透明的div，使用elementFromPoint在iframe的文档中定位目标，然后手动向目标

为什么document.elementFromPoint(500,1000)here如果该像素在文档加载时位于可见文档之外，则返回null？我注意到document.elementFromPoint对于最初位于可见文档之外的任何点以及它滚动到View中后返回null。一个简单的测试方法是在Chrome中(ctrl-shift-i->scripts->'watchexpressions')(确保页面高度缩小到小于1000像素)编辑:所以它确实有意义，根据docs始终为可见区域外的点返回nullx和y是相对于可见屏幕的左上角和右上角我在这两个假设上都失败了， 最

有没有一种简单的方法来获取特定偏移位置的所有元素(通过使用jQuery)？还是我必须检查DOM中每个元素的偏移量？ 最佳答案 调用document.elementFromPoint. 关于javascript-使用jQuery按偏移位置查找元素，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/4730488/

如何高效地找到位于指定查询元素之上的所有DOM元素？也就是说，我想要一个Javascript函数，当我传入对DOM元素的引用时，它将返回一个包含所有DOM元素的数组，这些元素与输入元素有非零重叠并在视觉上显示在它上方。我的具体目标是找到那些可能在视觉上阻挡其下方元素的元素。上下文是我对网页、查询元素或其他任何东西都没有高级知识的上下文。出于各种原因，元素可能会出现在其他元素之上。我当然可以通过对DOM的详尽搜索来做到这一点，但是当DOM树变大时，这非常低效且不实用。我还可以使用较新的elementFromPoint从查询元素中采样位置，以确保它确实在顶部，但这似乎效率很低。关于如何更好

我要解决的问题是“这个位置是什么？”获取DIV的x/y位置(偏移量)相当简单，但反过来呢？如何在给定x/y位置的情况下获取DIV(或任何元素)的ID？ 最佳答案 不幸的是，触发制造/模拟的鼠标事件将不起作用，因为当您分派(dispatch)它时，您必须提供一个目标元素。由于该元素是您要找出的元素，您所能做的就是将它分配到body上，就好像它已经冒泡了一样。您真的需要自己做，即手动遍历您感兴趣的元素，并将它们的位置/大小/zIndex与您的x/y点进行比较，看看它们是否重叠。除了在IE和最近的FF3中，您可以在其中使用varel=do

我正在使用jquery/javascript开发这个拖放应用程序，我必须平衡两者来完成我想要的。vardrop=document.elementFromPoint($(this).offset().left,$(this).offset().top);我在这里尝试用这段代码做的是获取我的draggable试图放入的元素(当前悬停在上面)。然而，这将始终返回我的可拖动对象，而不是它下面的表格单元格(td)。因为我知道我正在寻找一个td元素，有没有办法将vardrop设置为类似:vardrop=document.elementFromPoint(x,y,'td')?或者是否有更好的方法来执

有没有一种简单的方法来定位“覆盖”(即，在其边界内)具有X/Y坐标对的像素的所有DOM元素？ 最佳答案 你可以看看document.elementFromPoint虽然我不知道哪些浏览器支持它。Firefox和Chrome都可以。ItisalsointheMSDN,但我不太熟悉这个文档，所以我不知道它包含在哪个IE版本中。更新:要查找以某种方式位于此位置的所有元素，您可以假设父元素的所有元素也位于此位置。当然，这不适用于绝对定位元素。elementFromPoint只会给你最前面的元素。要真正找到其他元素，您必须将最前面元素的dis

如果您使用document.elementFromPoint(x,y)，并且不止一个元素位于提供的坐标处，它应该返回最顶层的元素(在视觉堆叠顺序中最顶层，不是源代码)。如果最上面的元素在CSS中设置了pointer-events:none，则document.elementFromPoint看不到它。Thisfiddle演示效果。这是有意为之的行为吗？浏览器似乎正在您提供的用于查找元素的坐标处触发点击事件(不触发附加点击处理程序或默认行为的secret点击事件)。有什么办法可以看出document.elementFromPoint在不同浏览器中是如何实现的？CSS属性会影响完全不相关的