移动端input框问题

chadLi 发布于2019-08-30 11:23 / 3270人阅读

摘要：部分问题可参考失焦之后没有回到原来位置不聚焦问题如果引入了，那么需要修改源码，如下如果还有问题，尝试监听的，然后延时聚焦如果没有引入，网上找其他原因吧，还没遇到过

部分问题可参考：https://www.cnblogs.com/ljx20...

失焦之后webview没有回到原来位置

input.addEventListener("blur", () => {
    setTimeout(() => {
        window.scrollTo(document.body.scrollLeft, document.body.scrollTop);
    }, 20)
})

不聚焦问题

如果引入了fastclick，那么需要修改源码，如下

FastClick.prototype.focus = function(targetElement) {
    targetElement.focus();
};

如果还有问题，尝试监听input的focus，然后延时聚焦

this.jInput.addEventListener("focus", () => {
    setTimeout(() => {
       this.jInput.focus()
   }, 300)
})

如果没有引入fastclick，网上找其他原因吧，还没遇到过

GPU云服务器云服务器选择input框 input框只读 js正则input输入框移动端

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/114964.html

vue项目移动端实现ip输入框问题

摘要：框架移动端做输入框组件，在浏览器和微信端兼容问题。要求只能输入数字，输入数字以外的字符包括点冒号等数字符号时自动跳到下一段输入框类型，不会禁止点的输入。 vue框架移动端做ip输入框组件，input在浏览器和微信端兼容问题。要求：只能输入数字，输入数字以外的字符（包括点、冒号等数字符号）时自动跳到下一段ip输入框.type=number类型，不会禁止点的输入。手动过滤拿不到包括点字符的...

Zachary 2019-08-23 16:03 评论0 收藏0
(2016-11-04完美解决)移动端iOS第三方输入法遮挡底部input及android键盘回落后

摘要：问题概述问题移动端输入框键盘唤起后定位好的元素跟随页面滚动了起来属性失效了满屏任性横飞如下图问题有第三方输入法的机还会出现键盘弹出延迟，导致普通布局输入框等位置靠下的被键盘挡住如下图这个完成出来然后键盘再顶起完美解决方案在输入框获取焦点问题概述问题1：H5 web 移动端输入框, 键盘唤起后fixed定位好的元素跟随页面滚动了起来… fixed属性失效了！满屏任性横飞, 如下图:...

Simon 2019-08-21 14:15 评论0 收藏0
css前端初始化

摘要：初入前端，若有不足欢迎指正头部初始化标签问题一般要添加背景音乐的话，我们的第一反应就是使用标签，但是这里有一个坑。前言当下移动端横行，平常我们做一些移动端的项目，接触最多的就是H5，虽然做移动端不用兼容IE，但是我们要兼容微信、app、ios、android... 今天就给写几个平常开发经常会遇到的问题以及解决办法。初入前端，若有不足欢迎指正！头部初始化 ...

mikyou 2019-08-29 16:19 评论0 收藏0