Javascript 事件捕獲的備忘(setCapture,captureEvents)
更新時(shí)間:2006年09月07日 00:00:00 作者:
這段時(shí)間一直在給QZone研究Js拖放的問題。今天突然發(fā)現(xiàn)live.com的模塊拖放居然可以跨出瀏覽器。到底是什么方法讓 mousemove 和 mouseup 事件可以到瀏覽器外也可以觸發(fā),于是把整個(gè)live的js down下來分析,結(jié)果發(fā)現(xiàn)是一個(gè)小小的函數(shù)在做"怪" 。
object.setCapture() 當(dāng)一個(gè)object的被 setCapture 后,他的方法將會(huì)被繼承到整個(gè)文檔進(jìn)行捕獲。
當(dāng)不需要把方法繼承到整個(gè)文檔捕獲時(shí),要用 object.releaseCapture()
Mozilla 也有類似的功能,方法稍微不同
window.captureEvents(Event.eventType)
window.releaseEvents(Event.eventType)
Event 是Mozilla特殊的一個(gè)object.
eventType 包括: Abort, Blur, Click, Change, DblClick, DragDrop, Error, Focus, KeyDown, KeyPress, KeyUp, Load, MouseDown
以下例子偷懶一下,不做Mozilla的兼容,只是為了演示
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)聯(lián)接:
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
object.setCapture() 當(dāng)一個(gè)object的被 setCapture 后,他的方法將會(huì)被繼承到整個(gè)文檔進(jìn)行捕獲。
當(dāng)不需要把方法繼承到整個(gè)文檔捕獲時(shí),要用 object.releaseCapture()
Mozilla 也有類似的功能,方法稍微不同
window.captureEvents(Event.eventType)
window.releaseEvents(Event.eventType)
Event 是Mozilla特殊的一個(gè)object.
eventType 包括: Abort, Blur, Click, Change, DblClick, DragDrop, Error, Focus, KeyDown, KeyPress, KeyUp, Load, MouseDown
以下例子偷懶一下,不做Mozilla的兼容,只是為了演示
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)聯(lián)接:
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
您可能感興趣的文章:
- js之事件冒泡和事件捕獲詳細(xì)介紹
- js阻止默認(rèn)事件與js阻止事件冒泡示例分享 js阻止冒泡事件
- javascript事件冒泡詳解和捕獲、阻止方法
- js冒泡、捕獲事件及阻止冒泡方法詳細(xì)總結(jié)
- js阻止冒泡及jquery阻止事件冒泡示例介紹
- zepto.js中tap事件阻止冒泡的實(shí)現(xiàn)方法
- js event事件的傳遞與冒泡處理
- JS冒泡事件的快速解決方法
- JS阻止冒泡事件以及默認(rèn)事件發(fā)生的簡(jiǎn)單方法
- js如何取消事件冒泡
- js事件監(jiān)聽機(jī)制(事件捕獲)總結(jié)
- JavaScript 捕獲窗口關(guān)閉事件
- JavaScript實(shí)現(xiàn)父子dom同時(shí)綁定兩個(gè)點(diǎn)擊事件,一個(gè)用捕獲,一個(gè)用冒泡時(shí)執(zhí)行順序的方法
相關(guān)文章
javascript實(shí)現(xiàn)文字無縫滾動(dòng)
這篇文章主要介紹了javascript實(shí)現(xiàn)文字無縫滾動(dòng),文字可以實(shí)現(xiàn)上下滾動(dòng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12javascript動(dòng)態(tài)獲取登錄時(shí)間和在線時(shí)長(zhǎng)
這篇文章主要為大家詳細(xì)介紹了javascript動(dòng)態(tài)獲取登錄時(shí)間和在線時(shí)長(zhǎng)的相關(guān)資料,獲得登錄時(shí)候的時(shí)間,用來和動(dòng)態(tài)的時(shí)間做差來求時(shí)長(zhǎng),感興趣的小伙伴們可以參考一下2016-02-02Javascript使用SWFUpload進(jìn)行多文件上傳
本篇文章主要解釋了使用SWFUpload進(jìn)行多文件上傳,這里整理了詳細(xì)的代碼,有需要的可以了解一下。2016-11-11JS實(shí)現(xiàn)骰子3D旋轉(zhuǎn)效果
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)骰子3D旋轉(zhuǎn)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-10-10JS使用reduce()方法處理樹形結(jié)構(gòu)數(shù)據(jù)
這篇文章主要介紹了JS使用reduce()方法處理樹形結(jié)構(gòu)數(shù)據(jù),對(duì)樹形結(jié)構(gòu)數(shù)據(jù)感興趣的同學(xué),可以參考下2021-05-05微信小程序?qū)崿F(xiàn)商城倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)商城倒計(jì)時(shí),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-06-06讓getElementsByName適應(yīng)IE和firefox的方法
讓getElementsByName適應(yīng)IE和firefox的方法...2007-09-09