JS setCapture 區(qū)域外事件捕捉
更新時間：2010年03月18日 21:14:33 作者：
鼠標捕獲(setCapture)作用是將鼠標事件捕獲到當前文檔的指定的對象。這個對象會為當前應用程序或整個系統(tǒng)接收所有鼠標事件。
不過setCapture不支持鍵盤事件, 只能捕獲以下鼠標事件：onmousedown、onmouseup、onmousemove、onclick、ondblclick、onmouseover和onmouseout。
程序中主要是要捕獲onmousemove和onmouseup事件。
msdn的介紹中還說到setCapture有一個bool參數(shù)，用來設置在容器內(nèi)的鼠標事件是否都被容器捕獲。
參數(shù)為true時（默認）容器會捕獲容器內(nèi)所有對象的鼠標事件，即容器內(nèi)的對象不會觸發(fā)鼠標事件（跟容器外的對象一樣）；
參數(shù)為false時容器不會捕獲容器內(nèi)對象的鼠標事件，即容器內(nèi)的對象可以正常地觸發(fā)事件和取消冒泡。
object.setCapture() 當一個object的被 setCapture 后，他的方法將會被繼承到整個文檔進行捕獲。當不需要把方法繼承到整個文檔捕獲時，要用 object.releaseCapture() 來釋放.
Mozilla 也有類似的功能，方法稍微不同
window.captureEvents(Event.eventType)
window.releaseEvents(Event.eventType)
事例:
<HTML>
<BODY>
<div id="m_Div" style="width:200px;height:200px;border:1px solid #b0bca5;padding:2px" onclick="alert('Hello')">點一下IE的菜單或者按鈕看看:)
又或者IE窗口外的地方</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.getElementById("m_Div").setCapture()
//-->
</SCRIPT>
</BODY>
</HTML>
在調(diào)用setCapture()后, 捕捉到事件后自動釋放, 如果在連續(xù)對事件捕捉,需要在調(diào)用的事件里再次執(zhí)行setCaptuer()
程序中主要是要捕獲onmousemove和onmouseup事件。
msdn的介紹中還說到setCapture有一個bool參數(shù)，用來設置在容器內(nèi)的鼠標事件是否都被容器捕獲。
參數(shù)為true時（默認）容器會捕獲容器內(nèi)所有對象的鼠標事件，即容器內(nèi)的對象不會觸發(fā)鼠標事件（跟容器外的對象一樣）；
參數(shù)為false時容器不會捕獲容器內(nèi)對象的鼠標事件，即容器內(nèi)的對象可以正常地觸發(fā)事件和取消冒泡。
object.setCapture() 當一個object的被 setCapture 后，他的方法將會被繼承到整個文檔進行捕獲。當不需要把方法繼承到整個文檔捕獲時，要用 object.releaseCapture() 來釋放.
Mozilla 也有類似的功能，方法稍微不同
window.captureEvents(Event.eventType)
window.releaseEvents(Event.eventType)
事例:
復制代碼 代碼如下:
<HTML>
<BODY>
<div id="m_Div" style="width:200px;height:200px;border:1px solid #b0bca5;padding:2px" onclick="alert('Hello')">點一下IE的菜單或者按鈕看看:)
又或者IE窗口外的地方</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.getElementById("m_Div").setCapture()
//-->
</SCRIPT>
</BODY>
</HTML>
在調(diào)用setCapture()后, 捕捉到事件后自動釋放, 如果在連續(xù)對事件捕捉,需要在調(diào)用的事件里再次執(zhí)行setCaptuer()
相關文章
下面小編就為大家分享一篇js判斷傳入時間和當前時間大小實例(超簡單)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
原型方法的不同寫法居然會影響調(diào)試的解決方法...2007-03-03
Bootstrap 表單驗證formValidation 實現(xiàn)表單動態(tài)驗證功能
這篇文章主要介紹了Bootstrap 表單驗證formValidation 實現(xiàn)表單動態(tài)驗證功能,需要的朋友可以參考下2017-05-05![一個js的tab切換效果代碼[代碼分離]](http://img.jbzj.com/images/xgimg/bcimg3.png)
看了此文（YUI實現(xiàn)的Tab 切換），有感而發(fā)，寫了一個tab切換的函數(shù)，做學習之用。原生js實現(xiàn)，因為框架不好玩。2010-04-04
javascript tips提示框組件實現(xiàn)代碼
一個簡單的類似title的提示效果，但現(xiàn)實內(nèi)容可以很豐富，以上js另存為tip.js，下面是使用的demo。2010-11-11
WEB 前端開發(fā)中防治重復提交的實現(xiàn)方法
這篇文章主要介紹了JS WEB 前端開發(fā)中防治重復提交的實現(xiàn)方法,涉及到表單提交的幾種方式介紹，非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-10-10
el-table動態(tài)渲染列、可編輯單元格、虛擬無縫滾動的實現(xiàn)
vue對數(shù)據(jù)處理很常見,本文主要介紹了對el-table組件二次封裝,包括對el-table的動態(tài)渲染、單元格編輯；對于無縫滾動的實現(xiàn),優(yōu)化大數(shù)據(jù)量下的頁面卡頓問題,感興趣的可以了解一下2023-12-12
不管什么樣的編程語言,在代碼的執(zhí)行過程中都是需要給它分配內(nèi)存的,下面這篇文章主要給大家介紹了關于JavaScript內(nèi)存管理與閉包的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-06-06
詳解webpack4.x之搭建前端開發(fā)環(huán)境
這篇文章主要介紹了詳解webpack4.x之搭建前端開發(fā)環(huán)境，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)頁面無操作倒計時退出,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10