html5 - javascript怎么获取手机键盘的高度？

问题描述

问 题

点击文本表单的时候出现的问题，移动端手持设备老是推不上去文本表单，而是键盘覆盖了它，还有你换输入法也会出现同样的问题，求大神们，帮忙解决一下！！！

谁有好的方法用JS能做到点击文本框，键盘不会遮盖住文本框，而是把文本框顶上去，并且输入文字后能收缩键盘、点击搜索、下一步等等效果，是怎么实现的？

解决方案

可以另辟新径获得，如果是安卓机，可以通过手机显示屏幕高度减去window.innerhtml获得。
也可以，在进入页面得出页面最底下的一个div距离浏览器顶部的距离position().top;，然后再点击输入框的时候，在得到这个div与顶部的距离，两次相减的绝对值，需要注意的是，点击事件，需要加定时器获得第二次的距离，因为点击的一瞬间得到的是原来的距离。- -我自己试了下可以

这篇关于html5 - javascript怎么获取手机键盘的高度？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！