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

最新推荐文章于 2024-10-18 17:23:02 发布

iteye_9099

最新推荐文章于 2024-10-18 17:23:02 发布

阅读量120

点赞数

文章标签： JavaScript IE 浏览器 .net ViewUI

本文链接：https://blog.csdn.net/iteye_9099/article/details/81769803

版权

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