H5制作虚拟键盘时出现输入框遮挡的情况怎么办?


本文摘自PHP中文网,作者Y2J,侵删。

本文主要介绍了HTML5 虚拟键盘出现挡住输入框的解决办法。具有很好的参考价值,下面跟着小编一起来看下吧

话不多说,请看代码:

1

2

3

4

5

6

7

//防止键盘把当前输入框给挡住

$$('input[type="text"],textarea').on('click', function () {

  var target = this;

  setTimeout(function(){

        target.scrollIntoViewIfNeeded();

   },100);

});

部分安卓机型适用。

阅读剩余部分

相关阅读 >>

HTML5本地存储-web sql database的详情介绍

HTML5包含css3吗

如何用HTML5中的canvas实现渐变文字的效果

利用HTML5中的canvas绘制笑脸的代码

h5移动端页面点击input重复弹出键盘的实现方法

HTML5 canvas来绘制三角形和矩形等多边形的方法

HTML5 video 上传预览图片视频,设置、预览视频某秒的海报帧

如何让HTML5手机端弹出遮罩菜单特效

如何使用HTML5地理位置定位功能?

详解websocket跨域问题解决

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...