- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2Adobe Illustrator CS5 序列號大全
- 3picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5蘋果iphone自動時間不準確的多種校正方法
- 6眼萌app怎么色弱測試 眼萌app色弱測試圖文說明教程
- 7百度安全衛士好用么_百度安全衛士技巧說明
- 8PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 9Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 10Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 11ipad版office如何激活? office365激活的圖文說明教程
- 12最新的Adobe Illustrator CS4序列號大全
[摘要]禁止事件： 所有的事件都將向它們的父級元素冒泡，而且除非冒泡過程中事件被禁止了，否則事件將會被遞歸地沿著層次結構的路徑最后上浮到文檔對象（document object）。要禁止一個事件，你必須在事件句柄中把window.event.cancelBubble屬性的值設為“true”。注意一點，除非...
禁止事件：
所有的事件都將向它們的父級元素冒泡，而且除非冒泡過程中事件被禁止了，否則事件將會被遞歸地沿著層次結構的路徑最后上浮到文檔對象（document object）。要禁止一個事件，你必須在事件句柄中把window.event.cancelBubble屬性的值設為“true”。注意一點，除非事件被禁止了，否則，在沿著層次結構冒泡的過程中，它將會被所有注冊了這個事件句柄的父級元素處理，即使它已經在子級元素中被處理過了。
禁止事件冒泡與禁止事件的默認行為是不同的。一些事件（例如：一個錨點上的onclick）具有默認行為。當一個錨點被單擊時，它默認的行為是把當前窗口導航到其src屬性所指定的URL。在事件句柄中返回“false”，或者設置window.event.returnValue屬性為“false”，可以禁止事件的默認行為，但不能禁止事件的向上冒泡。要禁止向上冒泡，只有把window.event.returnValue屬性設為“true”，相對應地，禁止事件冒泡的設置也并會禁止事件的默認行為。
最后一個例子是演示如何利用事件冒泡將一個共同的效果應用到一組元素上的。若你想把其中一個元素排除在這個效果之外，只要簡單地把下面這行代碼，從：
<SPAN class=Item>Ham</SPAN>
修改為：
<SPAN class=Item onmouseover="window.event.cancelBubble = true;"
onmouseout="window.event.cancelBubble = true;">Ham</SPAN>
就可以了。
（例子的超級鏈接：
http://msdn.microsoft.com/workshop/samples/author/dhtml/overview/dom_03.htm ）
進一步的思考：
在有些情況下，你可以讓一個onmouseover事件只注冊在一個對象上，考慮下面情況：
<DIV id=MyDiv>
<IMG id=MyImg>
</DIV>
假如你在img對象上移動鼠標指針，事件將會以下面的順序激發：
MyDiv:: onmouseover
MyDiv:: onmouseout
MyImg:: onmouseover
把你的鼠標指針從img對象上移開將會再次激發MyDiv::onmouseover事件。
有些時候，網頁制作者可能會想去探測鼠標指針何時移出一個div對象以實現某種
特別效果。這時，僅僅簡單地設置onmouseout事件就并不足夠了。為了使這種情況更容易解決，IE4.0標準為onmouseover和onmouseout事件增加了指示源對象（formElement）和目標對象(toElement)的屬性，你可以綜合使用這些屬性和容器的方法來辨別鼠標指針何時移出了一個區域。
下面的例子演示了如何使用這些屬性和方法：
（例子的超級鏈接：
http://msdn.microsoft.com/workshop/samples/author/dhtml/overview/dom_04.htm）
<HTML>
<BODY id=Body>
<DIV id=OuterDiv style="width: 100px; height: 50px; background: red"
onmouseover="over();" onmouseout="out();">
<IMG id=Img1>
<IMG id=Img2>
<IMG id=Img3>
</DIV>
<SCRIPT>
function over() {
var s;
s = "onmouseover: "+window.event.srcElement.id+" from: "+
window.event.fromElement.id+" to: "+window.event.toElement.id;
alert(s);
}
function out() {
var s;
s = "onmouseout: "+window.event.srcElement.id+" from: "+
window.event.fromElement.id+" to: "+window.event.toElement.id;
alert(s);
if (!(OuterDiv.contains(window.event.toElement)))
/*onmouseout事件并非由于鼠標指針從OuterDiv對象移進與其內部接壤的img對象而激發的，即：鼠標指針是真正的離開了整個OuterDiv包含的區域（譯者注）*/
{
alert("Out Now");
}
}
</SCRIPT>
</BODY>
推薦資訊 總人氣榜
最新教程 本月人氣
- 1打車軟件有哪一些？
- 2mp5是什么？
- 3剪切的快捷鍵是什么？
- 4活期利息如何算？
- 5農行k寶如何用？
- 6debug是什么意思？
- 7vocal是什么意思？
- 8墨跡是什么意思？
- 9fax是什么意思？
- 10朵唯手機如何？
- 11魔方圖文說明教程
- 12密碼鎖如何開？
- 1豆瓣app下載地址 豆瓣app官方版下載
- 2防范PPTV網絡電視偷跑P2P流量的方法_pptv網絡電視_下載之家
- 317app如何注冊 17app注冊方法流程
- 4Cool Edit提示：resample.xfm文件失去怎么辦？
- 5愛奇藝會員號共享（更新日期：2016年9月28日）
- 6ASP.NET編程10大技巧
- 7用XML與ASP完成購物車
- 8remoteview如何用？remoteview使用方法
- 9百度搶票寶驗證碼不顯示如何辦？百度搶票不顯示驗證碼處理方法
- 10人生日歷搶票如何用？人生日歷搶票插件使用圖文說明教程
- 11柚子相機如何用？柚子相機使用方法
- 12搜狗輸入法如何設置快捷鍵？搜狗輸入法設置快捷鍵圖文說明教程
