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