2024国产成人精品免费视频|日本免费一区二区三区毛片|久久97超碰色中文字幕|亚洲天堂a中文字幕

IE下表單控件多層嵌套導(dǎo)致input file需要雙擊才有效

2022-05-18 16:36 欄目：技術(shù)開(kāi)發(fā) 查看(3693)

某項(xiàng)目在IE瀏覽器下，文件上傳按鈕點(diǎn)擊無(wú)效，而在其他非IE瀏覽器下是沒(méi)問(wèn)題。通過(guò)測(cè)試發(fā)現(xiàn)，在IE瀏覽器下需要快速雙擊文件上傳按鈕才有效。代碼如下：

<button><input accept=".pdf" name="file" type="file" /></button>

后面得知該項(xiàng)目這一部分是使用了某前端框架，這種方式在IE下會(huì)存在問(wèn)題，原因在于在input上嵌套了同樣為表單組件的button元素。原因在于同樣是表單組件，每次第一次點(diǎn)擊都作用到外層的button上面，所以必須快速雙擊才有效。外層修改為非表單組件即可，如下：

<div><input accept=".pdf" name="file" type="file" /></div>

其實(shí)如果是手寫(xiě)代碼一般不會(huì)這樣嵌套，一些框架可能是為了組件化，然后實(shí)例化自動(dòng)生成的html代碼。

與我們的項(xiàng)目經(jīng)理聯(lián)系
掃二維碼與項(xiàng)目經(jīng)理溝通

我們?cè)谖⑿派?4小時(shí)期待你的聲音

解答本文疑問(wèn)/技術(shù)咨詢(xún)/運(yùn)營(yíng)咨詢(xún)/技術(shù)建議/互聯(lián)網(wǎng)交流

轉(zhuǎn)載請(qǐng)注明出處：IE下表單控件多層嵌套導(dǎo)致input file需要雙擊才有效 - 微構(gòu)網(wǎng)絡(luò)
分享：
標(biāo)簽：
宣城市| 凤庆县| 金坛市| 神池县| 黑水县| 绥江县| 略阳县| 广灵县| 白山市| 华坪县| 崇明县| 郑州市| 家居| 包头市| 涞源县| 剑川县| 阳朔县| 化德县| 砀山县| 油尖旺区| 自治县| 辽源市| 汝州市| 商河县| 大竹县| 普宁市| 深圳市| 双牌县| 新郑市| 台州市| 新绛县| 双城市| 普安县| 驻马店市| 五寨县| 高雄市| 昌平区| 盐池县| 池州市| 南投市| 呼玛县|