JS setCapture 區(qū)域外事件捕捉
更新時間：2010年03月18日 21:14:33 作者：
鼠標(biāo)捕獲(setCapture)作用是將鼠標(biāo)事件捕獲到當(dāng)前文檔的指定的對象。這個對象會為當(dāng)前應(yīng)用程序或整個系統(tǒng)接收所有鼠標(biāo)事件。
不過setCapture不支持鍵盤事件, 只能捕獲以下鼠標(biāo)事件：onmousedown、onmouseup、onmousemove、onclick、ondblclick、onmouseover和onmouseout。
程序中主要是要捕獲onmousemove和onmouseup事件。
msdn的介紹中還說到setCapture有一個bool參數(shù)，用來設(shè)置在容器內(nèi)的鼠標(biāo)事件是否都被容器捕獲。
參數(shù)為true時（默認(rèn)）容器會捕獲容器內(nèi)所有對象的鼠標(biāo)事件，即容器內(nèi)的對象不會觸發(fā)鼠標(biāo)事件（跟容器外的對象一樣）；
參數(shù)為false時容器不會捕獲容器內(nèi)對象的鼠標(biāo)事件，即容器內(nèi)的對象可以正常地觸發(fā)事件和取消冒泡。
object.setCapture() 當(dāng)一個object的被 setCapture 后，他的方法將會被繼承到整個文檔進(jìn)行捕獲。當(dāng)不需要把方法繼承到整個文檔捕獲時，要用 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ù)，用來設(shè)置在容器內(nèi)的鼠標(biāo)事件是否都被容器捕獲。
參數(shù)為true時（默認(rèn)）容器會捕獲容器內(nèi)所有對象的鼠標(biāo)事件，即容器內(nèi)的對象不會觸發(fā)鼠標(biāo)事件（跟容器外的對象一樣）；
參數(shù)為false時容器不會捕獲容器內(nèi)對象的鼠標(biāo)事件，即容器內(nèi)的對象可以正常地觸發(fā)事件和取消冒泡。
object.setCapture() 當(dāng)一個object的被 setCapture 后，他的方法將會被繼承到整個文檔進(jìn)行捕獲。當(dāng)不需要把方法繼承到整個文檔捕獲時，要用 object.releaseCapture() 來釋放.
Mozilla 也有類似的功能，方法稍微不同
window.captureEvents(Event.eventType)
window.releaseEvents(Event.eventType)
事例:
復(fù)制代碼 代碼如下:
<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()
相關(guān)文章
JS實現(xiàn)仿FLASH效果的豎排導(dǎo)航代碼
這篇文章主要介紹了JS實現(xiàn)仿FLASH效果的豎排導(dǎo)航代碼,涉及JavaScript基于定時函數(shù)動態(tài)設(shè)置頁面元素樣式的技巧,具有FLASH變換效果,需要的朋友可以參考下2015-09-09
本文代碼使用 JavaScript。 一些同學(xué)對遞歸的理解還停留在“是一種求階乘比循環(huán)低效的方法”。但其實遞歸和循環(huán)處理的問題是不同。拿“遍歷數(shù)組”這個問題來說：循環(huán)適合同一維度（單層長度不限）上的遍歷，而遞歸則適合跨維度（層數(shù)不限）的遍歷。2013-02-02
這篇文章主要為大家詳細(xì)介紹了js自定義QQ菜單，具有收縮，下拉等功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
Next.js使用getServerSideProps進(jìn)行服務(wù)器端渲染demo
這篇文章主要為大家介紹了Next.js使用getServerSideProps進(jìn)行服務(wù)器端渲染demo，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
下面小編就為大家?guī)硪黄猨s中常用的Tab切換效果(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-08-08
虛擬列表不是什么神秘的東西,下面這篇文章主要給大家介紹了關(guān)于微信小程序虛擬列表的應(yīng)用實例,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-12-12
JavaScript中in和hasOwnProperty區(qū)別詳解
in操作符只要通過對象能訪問到屬性就返回true。hasOwnProperty()只在屬性存在于實例中時才返回true。下面通過本文給大家分享JavaScript中in和hasOwnProperty區(qū)別詳解，感興趣的朋友一起看看吧2017-08-08
我們在進(jìn)行圖片保存的時候經(jīng)常會發(fā)現(xiàn)圖片跨域了,下面下面這篇文章主要給大家介紹了關(guān)于html2canvas圖片跨域問題的相關(guān)資料,需要的朋友可以參考下2023-03-03
本文將以yyyy-MM-dd HH:mm:ss為例介紹js date 格式化的相關(guān)知識。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要為大家詳細(xì)介紹了Bootstrap按鈕組的簡單實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03