萬惡IE相容之input change事件

2021-08-14 04:54:29 字數 523 閱讀 5502

在做多檔案上傳時,給input新增change事件,觸發ajax請求,通過formdata進行上傳,直到這裡都比較中規中矩,高高興興獲取dom,綁上事件,在chrome,firefox等完美執行~  結果上午剛弄好,下午測試提bug,上傳檔案有問題,跑過去一看,原來是上傳進度條讀滿以後,該彈層傲嬌矗立,堅挺不退,根據表現定位問題到彈層的開啟上,打上兩個斷點,chrome和ie 雙開執行。

果然,chrome小乖乖聽話,跑一圈老實聽話回家,ie這狗賊,跑完一遍不願回家,野驢一樣又溜了一圈,結果就導致了上傳成功關閉彈層後又開啟了,且因上傳已成功後被我阻斷程序,就滯留了下來。

為啥會跑兩次呢,原來ie中給input加change事件會被js的操作給觸發,而多檔案上傳時在上傳成功後置空了input的值,該操作被認為input值發生了改變,導致change再次觸發,知道了原因  接下來就好辦了。首先,置空操作乾掉,通過刪除節點再新增模擬置空,避掉了ie的鬼規矩,另外不要忘了動態新增節點普通繫結事件不可用,我這裡用的jq,用on方法進行事件繫結。至此,兩個孩子一起高高興興出門,同時快快樂樂回家,完美~

萬惡的ie 還好只是ie11

ie 11 相容性問題 主要體現於以下兩點 1.布局錯亂2.promise等es6新特性不支援,需要babel polyfill 以下 是只會在ie 11中執行 css hack 方法,針對不同版本的可以在網上進行搜尋 media screen and ms high contrast active...

萬惡的英語

entity en ti ty ent t n.實體 本質 存在 attribute at trib ute tr bju t n.屬性 標誌,象徵 特質,特性 定語 v.歸於,屬於 perspective per spec tive p r spekt v p s n.遠景,透視,看法 take ...

萬惡的英語

entity en ti ty ent t n.實體 本質 存在 attribute at trib ute tr bju t n.屬性 標誌,象徵 特質,特性 定語 v.歸於,屬於 perspective per spec tive p r spekt v p s n.遠景,透視,看法 take ...