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

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

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

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

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

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

其實如果是手寫代碼一般不會這樣嵌套，一些框架可能是為了組件化，然后實例化自動生成的html代碼。

我們在微信上24小時期待你的聲音

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

轉(zhuǎn)載請注明出處：IE下表單控件多層嵌套導(dǎo)致input file需要雙擊才有效 - 微構(gòu)網(wǎng)絡(luò)

標(biāo)簽：file input 表單

服務(wù)項目: 網(wǎng)站定制開發(fā); 移動端/APP開發(fā); 微信/小程序開發(fā); 技術(shù)支持服務(wù); 營銷推廣; 主機(jī)域名

聯(lián)系我們: 電話：15574303608; 郵箱：server@csweigou.com; 地址：長沙市五一西路錦繡中環(huán)1116(五一廣場平和堂對面); 大項目團(tuán)隊：長沙市芙蓉區(qū)五一大道曉園大廈17樓B座

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