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

获取指定位置的元素 - JavaScript

如何解决《获取指定位置的元素-JavaScript》经验,为你挑选了2个好方法。

使用Javascript如何识别给定位置的元素?基本上我正在寻找一个带有两个输入参数(x和y坐标)的函数,并返回由参数表示的屏幕位置的html元素.



1> rahul..:
document.elementFromPoint(x, y);

http://dev.w3.org/csswg/cssom-view/#dom-document-elementfrompoint

http://msdn.microsoft.com/en-us/library/ms536417%28VS.85%29.aspx

https://developer.mozilla.org/en/DOM/document.elementFromPoint


如果只有`document.elementsFromPoint` - 以防元素重叠.
`document.elementsFromPoint`在最近启用Webkit和Gecko的浏览器中可用,尽管是实验性的.请参阅[MDN](https://developer.mozilla.org/en-US/docs/Web/API/Document/elementsFromPoint).
我很惊讶这项功能在5.5中起作用,而今天却没有被广泛使用。

2> Andrés Moral..:

您可以使用本机JavaScript elementFromPoint(x, y)方法,该方法返回视口中坐标x,y处的元素.

请参阅elementFromPoint w3c草稿

并且,代码示例:

function changeColor(newColor) {
    // Get the element placed at coords (2, 2)
    var elem = document.elementFromPoint(2, 2);
    // Set the foreground color to the element
    elem.style.color = newColor;
}

Change this text color using the following buttons.

推荐阅读
小妖694_807
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有