整理了一下setCapture的用法。
setCapture方法
多用于容器对象,效果是对指定的对象设置鼠标捕获。
所谓鼠标捕获,是指对鼠标事件( ondblclick, onmouseout)进行捕捉,
使在容器内的子对象的鼠标事件均由容器对象触发,因此,只能在容器对象的鼠标事件函数中进行处理。
当参数为true时,对鼠标进行捕捉,相反,不捕捉。
与这个函数对应,releaseCapture方法释放鼠标捕获,并触发onlosecapture事件。
object.setCapture() 当一个object的被 setCapture 后,他的方法将会被继承到整个文档进行捕获。
当不需要把方法继承到整个文档捕获时,要用 object.releaseCapture()
Mozilla 也有类似的功能,方法稍微不同
window.captureEvents(Event.eventType)
window.releaseEvents(Event.eventType)
Event 是Mozilla特殊的一个object.
eventType 包括: Abort, Blur, Click, Change, DblClick, DragDrop, Error, Focus, KeyDown, KeyPress, KeyUp, Load, MouseDown, MouseMove, MouseOut, MouseOver, MouseUp, Move, Reset, Resize, Select, Submit, Unload.
演示代码(IE中测试):
<HTML>
<BODY>
<div
id="m_Div"
style="width:200px;height:200px;border:1px solid #999;padding:2px"
onclick="alert('Hello~')">点一下IE的菜单或者按钮看看:)
又或者IE窗口外的地方</div>
<SCRIPT
LANGUAGE="JavaScript">
<!--
document.getElementById("m_Div").setCapture()
//-->
</SCRIPT>
</BODY>
</HTML>
<BODY>
<div
id="m_Div"
style="width:200px;height:200px;border:1px solid #999;padding:2px"
onclick="alert('Hello~')">点一下IE的菜单或者按钮看看:)
又或者IE窗口外的地方</div>
<SCRIPT
LANGUAGE="JavaScript">
<!--
document.getElementById("m_Div").setCapture()
//-->
</SCRIPT>
</BODY>
</HTML>