function fnkeyUp(){ $('.footer').show(); //判断机型 var ua = window.navigator.userAgent.toLocaleLowerCase(); var isIOS = /iphone|ipad|ipod/.test(ua); var isAndroid = /android/.test(ua); if(isIOS){ // IOS 键盘收起后操作 // 微信浏览器版本6.7.4+IOS12会出现键盘收起后,视图被顶上去了没有下来 var wechatInfo = window.navigator.userAgent.match(/MicroMessenger/([d.]+)/i); // var wechatInfo = window.navigator.userAgent.match(/MicroMessenger/([d]+)/i); if (!wechatInfo) return; var wechatVersion = wechatInfo[1]; var version = (navigator.appVersion).match(/OS (d+)_(d+)_?(d+)?/); if (document.documentElement.scrollTop > 0 || document.body.scrollTop > 0) { if (+wechatVersion.replace(/./g, '') >= 674 && +version[1] >= 12) { window.scrollTo(0, Math.max(document.body.clientHeight, document.documentElement.clientHeight)); // window.scrollTo(0, 0); } } }else{ // Andriod 键盘收起:Andriod 键盘弹起或收起页面高度会发生变化,以此为依据获知键盘收起 var originHeight = document.documentElement.clientHeight || document.body.clientHeight; window.addEventListener('resize', function () { var resizeHeight = document.documentElement.clientHeight || document.body.clientHeight; if (originHeight < resizeHeight) { // console.log('Android 键盘收起啦!'); // Android 键盘收起后操作 } else { // console.log('Android 键盘弹起啦!'); // Android 键盘弹起后操作 // 兼容Android键盘弹起后,输入框回到可视区域 this.activeElementScrollIntoView($input, 1000); } originHeight = resizeHeight; }, false); } }
<textarea placeholder="偷偷表白吧....." class="textarea" v-model="context" maxlength="130" onblur="fnkeyUp()"></textarea>