IOS调试移动端弹窗遮罩input框focus和click事件失效

移动端的登录窗口绝大多数的做法是点击登录，然后弹出固定定位的遮罩窗口，输入用户名、密码等信息进行登录。在IOS系统下，当input唤起键盘时，会导致遮罩下层的页面出现滚动和底部空白，这时就会影响到遮罩固定定位的页面显示及交互事件。解决办法：底层页面在一加载进入的时候就记录scrollTop，当遮罩弹出的input失去焦点时，要触发底层页面的滚动事件，让它滚动到遮罩未弹出时的位置，就可以修复input失效的bug。

转载于:https://juejin.im/post/5c4ec5fd51882528735f032c

IOS调试移动端弹窗遮罩input框focus和click事件失效相关推荐

移动端苹果手机的input框type= number只是唤起数字键盘不能阻止输入汉字和字母
移动端苹果手机的input框type= number只是唤起数字键盘不能阻止输入汉字和字母 , input事件的replace(正则,'')没有作用解决办法用input type = text ...
jquery单选框radio绑定click事件实现和是否选中的方法
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1. ...
单选框radio绑定click事件
2019独角兽企业重金招聘Python工程师标准>>> <html><head><title>单选框radio绑定click事件</titl ...
Vue 之移动端 better-scroll 下 click 事件失效问题（PC端却正常click点击）
Vue 之移动端 better-scroll 下 click 事件失效问题(PC端却正常click点击) 目录 Vue 之移动端 better-scroll 下 click 事件失效问题(PC端却 ...
Input框内容改变触发事件，实现表格动态模糊查询
实现效果通过给查询框添加绑定事件,实现BootStrap中输入值变化后自动查询并刷新数据,不需要点击查询按钮. 踩坑记录 $("#input").change(function( ...
开发移动端web页面click事件失效问题
这两天在做一个WAP页面,在chrome上模拟移动端的时候,都好好的,然而放到手机上测试时, 发现有些点击事件直接无反应,但是有些有反应: 难道是由于我页面上有用到滚动插件,里面的touch事件的pr ...
Angular input控件的click事件表达式如何被转换成JavaScript函数
源代码: <button (click)="toggle($event)">隐藏/显示</button> 这个表达式toggle($event),如何被An ...
Angular input控件的click事件响应处理的调用上下文
自定义指令的路径: C:\Code\SPA\spartacus\projects\storefrontlib\src\cms-structure\page\component\component-wr ...
vue 移动端在div上绑定click事件失效
在.vue的文件中使用了better-scroll,在div标签上绑定click事件后,无效. 原因:使用了better-scroll,默认它会阻止touch事件.所以在配置中需要加上click: t ...

IOS调试移动端弹窗遮罩input框focus和click事件失效

IOS调试移动端弹窗遮罩input框focus和click事件失效相关推荐

最新文章

热门文章