麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > WEB開發 > 正文

移動端web開發之坑--IOS8下 上傳圖片點擊取消后,彈出了軟鍵盤遮擋輸入框

2024-04-27 15:17:02
字體:
來源:轉載
供稿:網友

【問題描述】: 點擊輸入框彈出軟鍵盤–>點擊上傳圖片(input type=file)–>此時鍵盤收起 彈出上傳圖片/拍照/取消選項–>點擊取消–>選項消失,鍵盤彈起–>遮擋(如圖二)

這里寫圖片描述

這里寫圖片描述

【心路歷程】 1.一開始考慮的就是捕獲到那個取消的動作,然而input file點擊取消的時候內容沒改變,并不會觸發change 事件。而且,我在觸發input file之前,綁了一個alert,關閉彈窗后依舊有軟件盤(這是另一部ios8手機上的表現,所以點擊取消只是誘因吧,起一個阻塞的作用,軟鍵盤該出還出來); 2.軟鍵盤與當然與focus、blur事件有關,于是我給所有的input、textarea綁上了focus、blur事件,alert事件名和類名,以此標記。然而之后軟件鍵盤的彈出和收起并不會觸發任何的focus、blur事件。(我開始懷疑人生了。。。難不成是input file,可是它又沒有focus。。); 3.我想竟然我不能通過blur事件把軟件盤收回去,那我就判斷鍵盤是否彈出,把輸入框抬上來好了。然而鍵盤彈出,在ios上并不能觸發resize事件。。(我能怎么辦,我也很絕望啊) 4.難道是客戶端的鍋?于是又去找了ios的開發,他告訴我這鍋不是他的是系統的鍋。。我想,難道是系統還沒反應過來,以為沒收回去,于是加了個延遲觸發,然后。。改好了。。

【解決】 給inpu file的父框綁一個click事件,然后延遲300ms去觸發 input file;

$('#parent').click(function(){ setTimeout(function(){ $('input.pic').trigger('click'); });});

【總結】 ①只用input[type=file],內容變化的時候才會觸發change事件; ②input file,沒有focus事件; ③鍵盤彈出,在ios上并不能觸發resize事件。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产免费久久久久 | 91久久久久久久 | 91羞羞 | 2021免费日韩视频网 | 亚洲国产精品久久久久久久 | 亚a在线 | av在线免费观看播放 | 在线看一区二区三区 | 免费一级欧美在线观看视频 | av不卡免费在线观看 | 少妇一级淫片免费放4p | 免费黄色入口 | 久久人人做 | 亚洲人成网站免费播放 | 在线看免电影网站 | 国产男人的天堂 | 黄色小视频在线免费看 | 国产精品一区在线免费观看 | 国产毛片在线看 | 国产男女爽爽爽爽爽免费视频 | 欧美羞羞视频 | 欧美日韩高清在线观看 | 色婷婷久久一区二区 | 久久久久久久99 | 在线视频观看国产 | 黄色a级片视频 | 久久综合久久精品 | 一级做a爱片性色毛片高清 日本一区二区在线看 | 欧美成人黄色片 | 欧美亚洲综合网 | 国产一级性生活视频 | 男女羞羞视频在线免费观看 | 精品国产专区 | 高清国产午夜精品久久久久久 | www.com超碰| 欧美视频在线一区二区三区 | 播色网 | 深夜福利久久久 | h视频在线免费观看 | 久久久久久麻豆 | 国产亚洲在 |