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

PHP中文网 JavaScript 百度已收录

本文摘自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 canvas画布详解（二）

HTML5 canvas如何实现代码流瀑布？（附代码）

使用HTML5中的localstorage实现记住密码功能

讲讲HTML5中被废弃的标签

HTML5 canvas实现粒子时钟的示例代码

HTML5 内联 svg

通过HTML5实现图片上传与预览功能

HTML5开发实例-threejs实现粒子动画飘花效果代码分享

HTML5游戏框架cngamejs开发实录-资源加载模块代码详解

HTML5实现的在线视频播放

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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