javascript事件問題
更新時間:2009年09月05日 16:52:13 作者:
咱們都知道,在DOM事件模型中,有捕獲和冒泡兩個階段,而在IE事件模型中,只有冒泡階段。寫在html里的事件響應(yīng)函數(shù)只有在冒泡階段才會被執(zhí)行
復(fù)制代碼 代碼如下:
<div onmouseover="alert('hello');" onmouseout="alert('out_div');" >
<span onmouseover="alert('world');" onmouseout="alert('out_span');" >你好</span>
</div>
1,當(dāng)鼠標(biāo)放到<span>上面時,會只依次執(zhí)行alert('world')、alert('hello'),可知事件響應(yīng)函數(shù)是在冒泡階段執(zhí)行的,也就是說,對于DOM兼容瀏覽器,在捕獲階段也沒有執(zhí)行。所以,寫在html里的事件響應(yīng)函數(shù)只有在冒泡階段才會被執(zhí)行。
2,當(dāng)把鼠標(biāo)從div移到span上面時,會依次執(zhí)行alert('out_div')、alert('world')、alert('hello'),這說明了盡管span是在div里,但當(dāng)把鼠標(biāo)從div移到span上時,也算是把鼠標(biāo)移出div。
相關(guān)文章
bootstrap是什么_動力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了bootstrap是什么,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07淺析$(function) ready和onload 的區(qū)別
新手剛學(xué)習(xí)js和jq的時候難免會接觸題目所標(biāo)識的相關(guān)內(nèi)容,下面小編通過本教程給大家講解(function) ready和onload 的區(qū)別,感興趣的朋友一起看看吧2016-09-09jQuery實(shí)現(xiàn)仿百度首頁滑動伸縮展開的添加服務(wù)效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿百度首頁滑動伸縮展開的添加服務(wù)效果代碼,通過jQuery相應(yīng)鼠標(biāo)事件控制頁面元素的動態(tài)變換功能,非常具有實(shí)用價值,需要的朋友可以參考下2015-09-09關(guān)于layui的動態(tài)圖標(biāo)不顯示的解決方法
今天小編就為大家分享一篇關(guān)于layui的動態(tài)圖標(biāo)不顯示的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09函數(shù)window.open實(shí)現(xiàn)關(guān)閉所有的子窗口
這篇文章主要介紹了函數(shù)window.open實(shí)現(xiàn)關(guān)閉所有的子窗口的相關(guān)資料,需要的朋友可以參考下。2015-08-08