H5制作虚拟键盘时出现输入框遮挡的情况怎么办？-木庄网络博客

2022-04-02 09:21:31 PHP中文网 JavaScript 百度已收录

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

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

话不多说，请看代码：

//防止键盘把当前输入框给挡住
$$('input[type="text"],textarea').on('click', function () {
  var target = this;
  setTimeout(function(){
        target.scrollIntoViewIfNeeded();
   },100);
});

部分安卓机型适用。

阅读剩余部分

相关阅读 >>

HTML5 canvas用来绘制弧形的代码实现

HTML5中设置或返回音频/视频是否默认静音的属性defaultmuted

HTML5实现留言板的代码实例分享

详细介绍HTML5响应式设计实现九宫格的示例代码（图）

如何自定义video播放器样式？

h5设置或返回音频/视频所属的媒体组合的名称的属性mediagroup

HTML5 canvas

HTML5+canvas调用手机拍照功能实现图片上传功能（图文详解上篇）

如何设置h5的表单验证失败提示语

怎样用h5的webgl实现3d虚拟机房的漫游动画

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

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » H5制作虚拟键盘时出现输入框遮挡的情况怎么办？

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

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论