给定屏幕坐标即可返回对应于指定坐标参数的 HTMLElement 对象。
语法:
oElement = document . elementFromPoint ( iX , iY )
参数:
iX :  必选项。整数(Integer)。单位:象素(Pixel)。定位横坐标偏移量。
iY :  必选项。整数(Integer)。单位:象素(Pixel)。定位纵坐标偏移量。

返回值:
oElement :  对象(Element)。返回获取的对象的引用。

说明:
根据横纵坐标值 iX 和 iY 获取对象 oElement 。 oElement 必须支持和响应鼠标事件。
提供的坐标是客户区坐标。客户区的左上角为 (0,0)。


<script>
var addEvent = document.addEventListener ? function (ele, type, callback){
ele.addEventListener(type, callback, false);
} : function (ele, type, callback){
ele.attachEvent("on"+type, callback);
}
function eventHandle(e){
e = e || event;
e.cancelBubble=true;
var oPoint=document.elementFromPoint(e.clientX, e.clientY);
if (oPoint.tagName.toLowerCase()!="li") oCode.innerHTML="请将鼠标移动到项目列表上。";
else oCode.innerHTML="您的鼠标指针现在位于<font color="#FF3300">"+oPoint.innerHTML+"</font>上面";
}
addEvent(document, "mouseover", eventHandle);
</script>

<ul id=oList style="cursor:default;">
<li>列表项目1</li>
<li>列表项目2</li>
<li>列表项目3</li>
<li>列表项目4</li>
</ul>
<br><div id=oCode>请将鼠标移动到项目列表上。</div>

2011-08-14 22:23:32

1

最新答案:

此问题还没有人回答,刚快抢个沙发吧!
没有您想要的答案吗? 浏览其他问题 问你自己的问题

赞助