通過(guò)event對(duì)象的fromElement屬性解決熱區(qū)設(shè)置主實(shí)體的一個(gè)bug
更新時(shí)間：2008年12月22日 15:38:19 作者：
后臺(tái)的熱區(qū)管理中，如果鼠標(biāo)移到熱區(qū)上，會(huì)顯示一個(gè)提示框，提示框里“設(shè)為主實(shí)體”、“刪除”和“合并”等超鏈接，點(diǎn)擊這些超鏈接可以進(jìn)行各種操作。
點(diǎn)擊“設(shè)為主實(shí)體”這個(gè)超鏈接后，原來(lái)的提示框會(huì)變色，而且會(huì)顯示內(nèi)容：“已經(jīng)設(shè)置為合并主實(shí)體”。
問(wèn)題：當(dāng)a熱區(qū)的提示框上的超鏈接下面有另一個(gè)熱區(qū)b的時(shí)候，點(diǎn)擊a熱區(qū)提示框的超鏈接后，會(huì)觸發(fā)b熱區(qū)的mouseover事件，導(dǎo)致a熱區(qū)的提示框會(huì)消失。
這個(gè)問(wèn)題我苦思了好久也找不到解決方法，上星期周俊提示我可以檢測(cè)一下事件的來(lái)源元素。我突然想到IE的event對(duì)象有一個(gè)屬性 fromElement，測(cè)試了一下，果然在點(diǎn)擊a熱區(qū)提示框的超鏈接后，b熱區(qū)的mouseover事件里的fromElement為null，這樣就好辦了，在顯示熱區(qū)的提示框的函數(shù)里，判斷一個(gè)fromElement是否為null，如果為null則return。至此問(wèn)題解決，雖然這個(gè) fromElement只存在于IE的event中。
問(wèn)題：當(dāng)a熱區(qū)的提示框上的超鏈接下面有另一個(gè)熱區(qū)b的時(shí)候，點(diǎn)擊a熱區(qū)提示框的超鏈接后，會(huì)觸發(fā)b熱區(qū)的mouseover事件，導(dǎo)致a熱區(qū)的提示框會(huì)消失。
這個(gè)問(wèn)題我苦思了好久也找不到解決方法，上星期周俊提示我可以檢測(cè)一下事件的來(lái)源元素。我突然想到IE的event對(duì)象有一個(gè)屬性 fromElement，測(cè)試了一下，果然在點(diǎn)擊a熱區(qū)提示框的超鏈接后，b熱區(qū)的mouseover事件里的fromElement為null，這樣就好辦了，在顯示熱區(qū)的提示框的函數(shù)里，判斷一個(gè)fromElement是否為null，如果為null則return。至此問(wèn)題解決，雖然這個(gè) fromElement只存在于IE的event中。
相關(guān)文章
這篇文章主要介紹了Javascript 閉包詳解及實(shí)例代碼的相關(guān)資料,閉包是一個(gè)特別抽象的概念，特別是ECMA規(guī)范給的定義，如果沒(méi)有實(shí)戰(zhàn)經(jīng)驗(yàn)，很難從定義去理解它，需要的朋友可以參考下2016-11-11
這篇文章主要為大家介紹了Ajv format校驗(yàn)使用示例分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
腳本之家貼圖轉(zhuǎn)換+轉(zhuǎn)貼工具用到的js代碼超級(jí)推薦
[紅色]腳本之家貼圖轉(zhuǎn)換+轉(zhuǎn)貼工具用到的js代碼超級(jí)推薦...2007-04-04
這篇文章對(duì)js編寫(xiě)等方便詳細(xì)的說(shuō)明了幾個(gè)技巧，方便大家提高效率，學(xué)習(xí)簡(jiǎn)易化書(shū)寫(xiě)代碼2013-03-03
微信小程序圖片輪播組件gallery slider使用方法詳解
這篇文章主要為大家詳細(xì)介紹了微信小程序圖片輪播組件gallery slider的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
JS倒計(jì)時(shí)兩種實(shí)現(xiàn)方式代碼實(shí)例
這篇文章主要介紹了JS倒計(jì)時(shí)兩種實(shí)現(xiàn)方式代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
JavaScript 數(shù)組- Array的方法總結(jié)(推薦)
下面小編就為大家?guī)?lái)一篇JavaScript 數(shù)組- Array的方法總結(jié)(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
JavaScript實(shí)現(xiàn)圖片懶加載的方法分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)圖片懶加載的方法,結(jié)合實(shí)例形式分析了javascript圖片懶加載的原理、操作步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-07-07
對(duì)于事件來(lái)講，首先，我們需要了解這樣幾個(gè)概念：事件；事件處理程序；事件類(lèi)型；事件流；事件冒泡；事件捕獲；事件對(duì)象；事件方面的性能優(yōu)化（事件委托、移除事件處理程序）；常見(jiàn)的瀏覽器兼容問(wèn)題。2015-05-05
這篇文章主要介紹了Sublime Text 3常用插件及安裝方法的相關(guān)資料,需要的朋友可以參考下2015-12-12