Heim >Web-Frontend >js-Tutorial >Javascript 事件捕获的备忘(setCapture,captureEvents)_javascript技巧

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

WBOY
WBOYOriginal
2016-05-16 19:26:211119Durchsuche

这段时间一直在给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
以下例子偷懒一下,不做Mozilla的兼容,只是为了演示


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

相关联接:
For IE
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/setcapture.asp
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/releasecapture.asp

For Mozilla
http://developer.mozilla.org/en/docs/DOM:window.captureEvents
http://developer.mozilla.org/en/docs/DOM:window.releaseEvents
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn