extjs获取焦点和失去焦点_ios输入框（input，select，textarea）失去焦点，页面不归位...

我是一块砖，哪里需要往哪搬！
移动项目开发中经常会遇到奇奇怪怪的问题，在正常不过了。而由于ios和安卓系统的不同，适配问题也是时常发生。
而其实一个，苹果手机输入框(input，select，textarea)失去焦点后，页面不归位的问题是在平常不过了。问题分析：
由于安卓系统调用键盘的时候是直接浮动在页面上面的，而ios是整体把页面订到了上面，所以当键盘缩回时，ios系统上就会出现页面不会自动恢复原位的问题。问题呈现:

iso上面的状态(页面顶上去)

安卓系统键盘浮在页面之上

解决方法：
两段简短js，完美结局问题。

//失去焦点$("input,select").blur(function(){ var top = $("body").scrollTop(); $("body").scrollTop(top);});//失去焦点$("input,select,textarea").blur(function(){ $("body,html").scrollLeft(0);;});

解决后的ios

由于问题原因是输入框失去焦点后，页面没有互动，没有触发到页面恢复到原位置，所以我们就在失去焦点的时候，给他一个反馈，这样就能完美结局标题所述的问题了。
我是一块砖，如果你需要就去搬

extjs获取焦点和失去焦点_ios输入框（input，select，textarea）失去焦点，页面不归位...相关推荐

uniapp input或textarea键盘弹起页面上移
单独设置adjust-position="false"不生效,将整个view设置绝对定位,再获取键盘弹起/收起事件,参考文章: 解决uni-app微信小程序input输入框在底部时 ...
jq 让input框失去焦点_input输入框获得、失去焦点添加事件
onFocus:当输入框获得焦点后这两个JavaScript事件是写在html标签中的例如: 使用jQuery的实现方法为: 对于元素的焦点事件,我们可以使用jQuery的焦点函数focus(),b ...
android没有输入焦点类控件的输入法调用,Android 手机下输入框获取焦点时, 输入法会挡住输入框...
// Android 手机下输入框获取焦点时, 输入法会挡住输入框 // 解决方法: // Android 手机下, input 或 textarea 元素聚焦时, 主动滚动 if (/Android ...
微信小程序输入框input
微信小程序输入框input 属性名类型默认值说明 value String 输入框的内容 type String text input的类型,有效值:text,number,idcard,dig ...
小程序中里的bindinput_微信小程序输入框input
微信小程序输入框input 属性名类型默认值说明 valueString 输入框的内容 typeStringtextinput的类型,有效值:text,number,idcard,digit,time ...
html5 文本框限制,html中input禁止输入(禁止获得焦点)多种方法及input限制数字和长度...
input禁止输入(禁止获得焦点) 1: readonly规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本. 2:disabled 被 ...
vue项目中input框默认获得焦点,回车选中输入文本
项目中遇到的需求: 输入框默认获取焦点,回车后选中文本信息 <input ref="code" type="text" @keyup.enter=&quo ...
input中blur失去焦点事件与点击事件冲突的解决方法（vue）
一:前言最近在做百度的下拉框时遇到一个问题就是在点击下拉框时,input失去焦点,从而是的下拉框消失,使得点击事件没有用,因此查阅资料得到答案. 二:步骤遇到一个问题,就是输入框input的blu ...
input中blur失去焦点事件与点击事件冲突
场景: 当在输入框里输入手机号的时候,输入框高亮,并且关闭按钮显示,input失焦时关闭按钮隐藏现象: 遇到的问题是,当我们点击关闭按钮清空input框数据时,发现只是关闭按钮隐藏了,数据并没有清空 ...

extjs获取焦点和失去焦点_ios输入框（input，select，textarea）失去焦点，页面不归位...

extjs获取焦点和失去焦点_ios输入框（input，select，textarea）失去焦点，页面不归位...相关推荐

最新文章

热门文章