javascript事件問(wèn)題
更新時(shí)間：2009年09月05日 16:52:13 作者：
咱們都知道，在DOM事件模型中，有捕獲和冒泡兩個(gè)階段，而在IE事件模型中，只有冒泡階段。寫在html里的事件響應(yīng)函數(shù)只有在冒泡階段才會(huì)被執(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>上面時(shí)，會(huì)只依次執(zhí)行alert('world')、alert('hello')，可知事件響應(yīng)函數(shù)是在冒泡階段執(zhí)行的，也就是說(shuō)，對(duì)于DOM兼容瀏覽器，在捕獲階段也沒有執(zhí)行。所以，寫在html里的事件響應(yīng)函數(shù)只有在冒泡階段才會(huì)被執(zhí)行。
2，當(dāng)把鼠標(biāo)從div移到span上面時(shí)，會(huì)依次執(zhí)行alert('out_div')、alert('world')、alert('hello')，這說(shuō)明了盡管span是在div里，但當(dāng)把鼠標(biāo)從div移到span上時(shí)，也算是把鼠標(biāo)移出div。
相關(guān)文章
彈框提示是我們?cè)陂_發(fā)中經(jīng)常用的一個(gè)效果，下面這篇文章主要給大家介紹了微信小程序開發(fā)之toast等彈框提示實(shí)現(xiàn)的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-06-06
bootstrap是什么_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了bootstrap是什么，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
淺析$(function) ready和onload 的區(qū)別
新手剛學(xué)習(xí)js和jq的時(shí)候難免會(huì)接觸題目所標(biāo)識(shí)的相關(guān)內(nèi)容，下面小編通過(guò)本教程給大家講解(function) ready和onload 的區(qū)別，感興趣的朋友一起看看吧2016-09-09
jQuery實(shí)現(xiàn)仿百度首頁(yè)滑動(dòng)伸縮展開的添加服務(wù)效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿百度首頁(yè)滑動(dòng)伸縮展開的添加服務(wù)效果代碼,通過(guò)jQuery相應(yīng)鼠標(biāo)事件控制頁(yè)面元素的動(dòng)態(tài)變換功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-09-09
在本章中，我們將學(xué)習(xí)如何使用 Bootstrap 創(chuàng)建表單。Bootstrap 通過(guò)一些簡(jiǎn)單的 HTML 標(biāo)簽和擴(kuò)展的類即可創(chuàng)建出不同樣式的表單2017-03-03
看到我的前幾篇文章的朋友應(yīng)該知道，前面的是10進(jìn)制，直覺解就行了，不過(guò)下面有個(gè)處理函數(shù)，你用10進(jìn)制解密出來(lái)之后還要去分析函數(shù)的功能，很不合算。2008-06-06
js優(yōu)化針對(duì)IE6.0起作用(詳細(xì)整理)
js優(yōu)化針對(duì)IE6.0起作用，總結(jié)一下幾點(diǎn)：字符串拼接、for 循環(huán)、減少頁(yè)面的重繪、減少作用域鏈上的查找次數(shù)、避免雙重解釋等等，需要了解的朋友可以參考下，或許會(huì)有所幫助2012-12-12
關(guān)于layui的動(dòng)態(tài)圖標(biāo)不顯示的解決方法
今天小編就為大家分享一篇關(guān)于layui的動(dòng)態(tài)圖標(biāo)不顯示的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
這篇文章主要介紹了詳解小程序緩存插件(mrc)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
函數(shù)window.open實(shí)現(xiàn)關(guān)閉所有的子窗口
這篇文章主要介紹了函數(shù)window.open實(shí)現(xiàn)關(guān)閉所有的子窗口的相關(guān)資料，需要的朋友可以參考下。2015-08-08