除了鼠标外，如让一个DIV感知进入其范围内的对象？

一经注册不得修改 2007-11-14 04:42:43

这个问题很有难度的哦.....能不能模似鼠标的事件？假如仅仅用对象（比如是另一个ＤＩＶ）随时检查它们各自的位置（矩形）是否有重叠，这样效率又很低....

...全文

129 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

一经注册不得修改 2007-11-16

打赏
举报

还是没有比较好的思路，因为js学的不是很深，太早抛出这个问题有点冒失...俺先去关注下事件模型然后再回来讨论....

「已注销」 2007-11-15

打赏
举报

不知道这个用得上不

elementFromPoint
版本：DHTML Object Model　返回值：有

语法：
oElement = document . elementFromPoint ( iX , iY )

参数：
iX :　必选项。整数(Integer)。单位：象素(Pixel)。定位横坐标偏移量。
iY :　必选项。整数(Integer)。单位：象素(Pixel)。定位纵坐标偏移量。

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

说明：
根据横纵坐标值 iX 和 iY 获取对象 oElement 。 oElement 必须支持和响应鼠标事件。
提供的坐标是客户区坐标。客户区的左上角为 (0,0)。
当将此方法用于 Structured Graphics 或 Sprite 对象时，必须设置 MouseEventsEnabled 属性值为 1 。

应用于：IE4.0+ document

示例:



<script>

function rdl_eventHandle(e){

event.cancelBubble=true;

var oPoint=document.elementFromPoint(event.clientX,event.clientY);

if (oPoint.tagName.toLowerCase()!="li") oCode.innerHTML="请将鼠标移动到项目列表上。";

else oCode.innerHTML="您的鼠标指针现在位于<font color='#FF3300'>"+oPoint.innerText+"</font>上面";

}

document.onmouseover=rdl_eventHandle;

</script>





<ul id=oList style="cursor:default;">

<li>列表项目1

<li>列表项目2

<li>列表项目3

<li>列表项目4

</ul>

<br><div id=oCode>请将鼠标移动到项目列表上。</div>

游北亮 2007-11-15

打赏
举报

星际争霸那个思路也是一样的
每个单位都有一定的势力范围
当A单位进入了B单位的势力范围，就触发了B单位的攻击事件。

实际上应该也是进行了坐标的比对的。

至于楼主的问题，除了比较区域有没有重合，估计没有什么好办法。
感知，这个实际上就是对象的一个动作了，别人触摸它（也就是触发），它的动作开始。

假设A是一个不动的DIV，B是一个会动的DIV，那么B的动肯定是一个事件在支撑着它动，
比如鼠标拖动，或者实现一个方法，通过setInterval让它定时动，或者实现的方法通过键盘让它动，总之肯定是有事件。
那么：
给A定义一个方法
在B的事件里检测有没有重合，如果重合，触发A的方法。