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參數,用來設置在容器內的鼠標事件是否都被容器捕獲。
參數為true時(默認)容器會捕獲容器內所有對象的鼠標事件,即容器內的對象不會觸發(fā)鼠標事件(跟容器外的對象一樣);
參數為false時容器不會捕獲容器內對象的鼠標事件,即容器內的對象可以正常地觸發(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>
在調用setCapture()后, 捕捉到事件后自動釋放, 如果在連續(xù)對事件捕捉,需要在調用的事件里再次執(zhí)行setCaptuer()
程序中主要是要捕獲onmousemove和onmouseup事件。
msdn的介紹中還說到setCapture有一個bool參數,用來設置在容器內的鼠標事件是否都被容器捕獲。
參數為true時(默認)容器會捕獲容器內所有對象的鼠標事件,即容器內的對象不會觸發(fā)鼠標事件(跟容器外的對象一樣);
參數為false時容器不會捕獲容器內對象的鼠標事件,即容器內的對象可以正常地觸發(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>
在調用setCapture()后, 捕捉到事件后自動釋放, 如果在連續(xù)對事件捕捉,需要在調用的事件里再次執(zhí)行setCaptuer()
相關文章
Bootstrap 表單驗證formValidation 實現表單動態(tài)驗證功能
這篇文章主要介紹了Bootstrap 表單驗證formValidation 實現表單動態(tài)驗證功能,需要的朋友可以參考下2017-05-05el-table動態(tài)渲染列、可編輯單元格、虛擬無縫滾動的實現
vue對數據處理很常見,本文主要介紹了對el-table組件二次封裝,包括對el-table的動態(tài)渲染、單元格編輯;對于無縫滾動的實現,優(yōu)化大數據量下的頁面卡頓問題,感興趣的可以了解一下2023-12-12詳解webpack4.x之搭建前端開發(fā)環(huán)境
這篇文章主要介紹了詳解webpack4.x之搭建前端開發(fā)環(huán)境,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-03-03