Javascript 事件捕获的备忘(setCapture,captureEvents)

最新推荐文章于 2025-11-23 21:36:02 发布

原创最新推荐文章于 2025-11-23 21:36:02 发布 · 152 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #IE #浏览器 #.net #ViewUI

本文探讨了如何利用object.setCapture方法实现鼠标事件在Internet Explorer中跨出浏览器边界的交互。通过对live.com模块拖放功能的研究，揭示了这一独特行为背后的实现原理。

[quote]转载自：http://www.pjhome.net/article/Javascript/559.htm[/quote]
这段时间一直在给QZone研究Js拖放的问题。今天突然发现live.com的模块拖放居然可以跨出浏览器。到底是什么方法让 mousemove 和 mouseup 事件可以到浏览器外也可以触发，于是把整个live的js down下来分析，结果发现是一个小小的函数在做"怪" 。

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.

以下例子偷懒一下，不做Mozilla的兼容，只是为了演示

<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>