移動端頁面軟鍵盤收起時ios底部有空白

監(jiān)聽頁面中所有input輸入框箍铭,對焦點和失去焦點時做優(yōu)化判斷處理

let inputs = document.getElementsByTagName('input');
            let timer = null;
            for (let input of inputs) {
                input.addEventListener('blur', function() {
                    timer = setTimeout(() => {
                        window.scrollTo(0, 0);
                        timer = null;
                    }, 0);
                }, false);
                input.addEventListener('focus', function() {

                    timer && clearTimeout(timer);
                }, false);
            }

安卓手機頁面如果設置全屏粮彤,軟鍵盤彈起收回后,整體頁面會被壓縮柏靶;
全屏設置需要針對不同瀏覽器做判斷,否則ios或者安卓會不兼容溃论;
全屏插件---安卓適用

export default {
    install(Vue, options) {
        Vue.prototype.$screenFull = function () {
            let element = document.documentElement;
            console.log('全屏', this.fullscreen)
            if (this.fullscreen) {
                if (document.exitFullscreen) {
                    document.exitFullscreen();
                } else if (document.webkitCancelFullScreen) {
                    document.webkitCancelFullScreen();
                } else if (document.mozCancelFullScreen) {
                    document.mozCancelFullScreen();
                } else if (document.msExitFullscreen) {
                    document.msExitFullscreen();
                }
            } else {
                if (element.requestFullscreen) {
                    element.requestFullscreen();
                } else if (element.webkitRequestFullScreen) {
                    element.webkitRequestFullScreen();
                } else if (element.mozRequestFullScreen) {
                    element.mozRequestFullScreen();
                } else if (element.msRequestFullscreen) {
                    // IE11
                    element.msRequestFullscreen();
                }
            }
            this.fullscreen = !this.fullscreen;
            //this.isFullscreen = true
        }
    }
}
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末屎蜓,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子钥勋,更是在濱河造成了極大的恐慌炬转,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件算灸,死亡現(xiàn)場離奇詭異扼劈,居然都是意外死亡,警方通過查閱死者的電腦和手機菲驴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門荐吵,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人赊瞬,你說我怎么就攤上這事先煎。” “怎么了巧涧?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵榨婆,是天一觀的道長。 經(jīng)常有香客問我褒侧,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任闷供,我火速辦了婚禮烟央,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘歪脏。我一直安慰自己疑俭,他們只是感情好,可當我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布婿失。 她就那樣靜靜地躺著钞艇,像睡著了一般。 火紅的嫁衣襯著肌膚如雪豪硅。 梳的紋絲不亂的頭發(fā)上哩照,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天,我揣著相機與錄音懒浮,去河邊找鬼飘弧。 笑死,一個胖子當著我的面吹牛砚著,可吹牛的內(nèi)容都是我干的次伶。 我是一名探鬼主播,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼稽穆,長吁一口氣:“原來是場噩夢啊……” “哼冠王!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起舌镶,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤柱彻,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后乎折,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體绒疗,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年骂澄,在試婚紗的時候發(fā)現(xiàn)自己被綠了吓蘑。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡坟冲,死狀恐怖磨镶,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情健提,我是刑警寧澤琳猫,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站私痹,受9級特大地震影響脐嫂,放射性物質(zhì)發(fā)生泄漏统刮。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一账千、第九天 我趴在偏房一處隱蔽的房頂上張望侥蒙。 院中可真熱鬧,春花似錦匀奏、人聲如沸鞭衩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽论衍。三九已至,卻和暖如春聚磺,著一層夾襖步出監(jiān)牢的瞬間坯台,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工咧最, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留捂人,地道東北人。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓矢沿,卻偏偏與公主長得像滥搭,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子捣鲸,可洞房花燭夜當晚...
    茶點故事閱讀 42,786評論 2 345