今天開發input上傳圖片組件,因為原生input的樣式很丑,所以要把input隱藏在一個美化過的div之后,利用事件冒泡的原理實現點擊div冒泡到input上來打開本地相冊,那么問題來了。。
input設置display:none或visibility: hidden;之后并不能在微信瀏覽器點擊到,其他瀏覽器則正常。
<input type='file' style='display:none'>
解決方法:display:none改成opacity:0;
<input type='file' style='opacity:0'>
為什么微信不能點擊隱藏的input,目前我還不知道具體原因,有知道的可以留言,我弄清楚原因之后,再發出來。