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兼容瀏覽器，在捕獲階段也沒(méi)有執(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)文章
這篇文章主要為大家介紹了webpack的懶加載和預(yù)加載，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2021-12-12
根據(jù)user-agent判斷蜘蛛代碼黑帽跳轉(zhuǎn)代碼(js版與php版本)
這篇文章主要介紹了根據(jù)user-agent判斷蜘蛛代碼黑帽跳轉(zhuǎn)代碼(js版與php版本),需要的朋友可以參考下2015-09-09
Javascript 類型轉(zhuǎn)換、封閉函數(shù)及常見內(nèi)置對(duì)象操作示例
這篇文章主要介紹了Javascript 類型轉(zhuǎn)換、封閉函數(shù)及常見內(nèi)置對(duì)象操作,結(jié)合實(shí)例形式分析了JavaScript類型顯示轉(zhuǎn)換、隱式轉(zhuǎn)換、變量作用域、封閉函數(shù)及常用內(nèi)置對(duì)象相關(guān)操作技巧,需要的朋友可以參考下2019-11-11
通過(guò)JS運(yùn)行機(jī)制的角度說(shuō)說(shuō)作用域
這篇文章主要給大家介紹了如何通過(guò)JS運(yùn)行機(jī)制的角度說(shuō)說(shuō)作用域的相關(guān)資料，文中通過(guò)圖文介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者使用JS作用域具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
js判斷某個(gè)字符出現(xiàn)的次數(shù)的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js判斷某個(gè)字符出現(xiàn)的次數(shù)的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
JavaScript forEach 方法跳出循環(huán)的操作方法
這篇文章主要介紹了JavaScript forEach 方法跳出循環(huán)的操作方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-01-01
篇文章主要為大家詳細(xì)介紹了JavaScript?異步ajax，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下嗎，希望能夠給你帶來(lái)幫助2022-03-03
JavaScript——DOM操作——Window.document對(duì)象詳解
下面小編就為大家?guī)?lái)一篇JavaScript——DOM操作——Window.document對(duì)象詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
silverlight線程與基于事件驅(qū)動(dòng)javascript引擎（實(shí)現(xiàn)軌跡回放功能）
前一段時(shí)間一直在重構(gòu)工作站軌跡回放功能,一開始我覺(jué)得很簡(jiǎn)單,但是后面引發(fā)了一系列奇怪的問(wèn)題,讓我很疼,所以不得不寫個(gè)總結(jié)加深記憶,2011-08-08
wap手機(jī)圖片滑動(dòng)切換特效無(wú)css3元素js腳本編寫
手機(jī)圖片滑動(dòng)切換，網(wǎng)上有很多這樣的例子，但都借助于其他組件，讓代碼混亂的不行，本例無(wú)css3元素js腳本編寫,需要的朋友可以參考下2014-07-07