监听手机端虚拟键盘的弹出和隐藏

//监听手机键盘的显示或隐藏，对指定对象做不同的处理防止指定的对象被键盘顶起
       function keyboardUpOrDown(jqObj){
           var userAgent = navigator.userAgent;
           if(/iPhone|ipad|iPod|iOS/i.test(userAgent)){//ios用户
               $(document).on("focusin",function(){
                   //键盘弹起的操作

               });

               $(document).on("focusout",function(){
                   //键盘隐藏时的操作
               });
           }else if(/Android/i.test(userAgent)){//android用户
               var originalHeight = document.documentElement.clientHeight||document.body.clientHeight;//窗口的原始高度
               window.onresize = function(){
                   //键盘的弹起或隐藏都会引起窗口的高度改变
                   var resizeHeight = document.documentElement.clientHeight||document.body.clientHeight;//窗口改变后的高度
                   if(originalHeight > resizeHeight){
                       //键盘弹起操作
                   }else{
                       //键盘隐藏操作
                   }
               };
           }else{
               //其他系统
           }
       }

这里只考虑了常用的iso用户和安卓用户

监听手机端虚拟键盘的弹出和隐藏相关推荐

html5自动收回键盘,如何监听移动端软键盘的弹出和收回？
调用移动端的软键盘,一般是和TextInput的操作绑定的. 当点击输入文本框进人输入状态的时候移动端会自动调用软键盘,当输入完毕,点击输入文本框的外部区域或关闭软键盘按钮可完成软键盘收回状态的操作. ...
android 键盘弹出监听,奇技淫巧之-Android监听键盘弹出与隐藏事件
CaptainAndroid.png 相信看到这个标题,大家都会潜意识觉得:Activity中没有可以复写的方法么?或者说,没有什么listener可以让我们使用么? 抱歉,真的没有,我们潜意识都是以 ...
android中监听软键盘的弹出与隐藏，并获取软键盘的高度
最近项目中有一个需求上弹出软键盘的时候,输入框位移至输入框上方,但是Activity中其他的VIew都不动.这个需求需要监听软软键盘的弹出与隐藏,并获取键盘的高度.上网找了一下发现,Android竟然 ...
js 监听手机端键盘弹出和收起事件
本文转自:https://www.cnblogs.com/shimily/articles/12197217.html const ua = typeof window === 'object' ? ...
手机端虚拟键盘弹出使界面布局混乱解决方法
html5页面当点击input输入框弹出安卓手机上键盘就会把背景顶了上来,软键盘弹出时,改变了height,使height:100%,不能达到原来的高度. 页面布局就乱了,解决方法: 原生js: wi ...
javascript解析印象笔记导出enex文件（javascript解析xml，javascript监听手机端手指滑动事件）
今晚又是在单位值班,最近看小说在印象笔记记了几百条零散的笔记,在印象笔记app上看要一条一条点开,今天把笔记导出来尝试着用js解析它,把一条条笔记转化为一张张小卡片,像刷抖音那样滑动着看,于是就用js ...
JavaScript 监听手机端的touch滑动事件（滑动手势）
如何监听移动端滑动手势(上 / 下 / 左 / 右滑动),今天记录下. var startx, starty;//获得角度 function getAngle(angx, angy) {return ...
html5手机端的点击弹出侧边滑动菜单代码
效果预览:http://hovertree.com/texiao/html5/19/ 本效果适用于移动设备,可以使用手机等浏览效果. 源码下载:http://hovertree.com/h/bjaf/ ...
Fiddler监听手机端请求和响应。
1.官方网站:https://www.telerik.com/fiddler/fiddler-classichttps://www.telerik.com/fiddler/fiddler-classi ...

监听手机端虚拟键盘的弹出和隐藏

监听手机端虚拟键盘的弹出和隐藏相关推荐

最新文章

热门文章