本文介绍如何在JavaScript中通过鼠标点击事件获取被点击的元素对象。重点讲解了IE浏览器使用elementFromPoint方法,以及Firefox浏览器需在事件处理函数中传递event对象以获取坐标的技巧,并提供完整的HTML与JS代码示例。
获取鼠标点击元素对象的方法
在Internet Explorer浏览器中,可以通过document.elementFromPoint方法结合event.clientX和event.clientY坐标来获取鼠标指向的元素对象。具体代码如下: var obj=document.elementFromPoint(event.clientX,event.clientY);
获取到元素对象后,可以通过innerText属性读取该对象的文本内容。示例代码如下: var a=obj.innerText
在Firefox浏览器中,为了正确读取坐标信息,必须在事件处理函数中显式传递event对象。
在HTML标签中,可以通过onclick属性绑定事件处理函数,并将event对象作为参数传递。示例代码如下: onclick="gj(event)"
接下来是具体的JavaScript实现代码。
代码如下:
function gj(event){
var b=obj
obj=document.elementFromPoint(event.clientX,event.clientY);
}