IOS中弹出键盘后出现fixed失效现象的解决方案

概述这个问题常出现在移动web开发中聊天或者留言页面的绝对定位输入框上,页面超过屏幕大小时候输入框focus状态下(键盘弹出)绝对定位的元素失效,导致页面滚动时候把定位元素一并带走,体验十分不好,在此留下一自己的方法,让更多的人不需要再爬这样的小坑. 解决方法原理很简单,就是定义一个外框把页面包起来,把需要使用fixed定位的元素设置成absolute定位,然后设置外框元素的样式为overflow-y:scroll即可,下面是实例:假设外框元素为.wrap,需要fixed定位的元素为.pos…

ios 最新系统bug与解决——微信公众号中弹出键盘再收起时，原虚拟键盘位点击事件无效

最近ios发布新版本系统12.1,随着部分用户的系统更新,一些问题也渐渐暴露出来... 公司用户反映微信公众号出现了点击无效的bug!!测试调查发现,只有iphonex.iphone6,ihpone7等部分机型会出现该问题我当时就是一惊,一般出现在事件上的问题都是疑难杂症.何况是跟键盘相关的. 我们都知道在H5端是没法监控键盘的弹出与收起的,resize事件触发的机型极其有限,何况我在ios中实测没有触发,安卓反而可以.因为安卓弹起键盘时会修改视窗的大小,但是ios并不会,如果你在ios上设置…

【小贴士】zepto find元素以及ios弹出键盘可能让你很头疼

前言在此,我不得不说移动端的兼容问题很多,并且很令人头疼,这不,这个星期又有两个让我逮着了,一个是使用zepto过程中出现的问题,一个是ios虚拟键盘的问题我这里做一次记录,以免以后忘了,同时希望对后面做移动开发的朋友有一定帮助,首先,我们调一个简单的来说 zepto与querySelectorAll 首先,W3C提供了新的查询接口,querySelector与querySelectorAll 其中querySelector返回的是一个对象选择第一个对象,querySelectorAll返回…

Android中弹出dialog后无法捕捉back键

一.需求在Android开发过程中,弹出dialog后无法捕捉back键,点击back按键无响应. 二.解决方案原因:弹出dialog后,activity失去焦点,dialog获得当前焦点. 解决办法:在dialog中可以通过调用setOnKeyListener()方法来为dialog增加按键事件的监听. private void createDialog() { AlertDialog.Builder builder = new AlertDialog.Builder(this); bui…

ios解决输入框弹出后position:fixed失效问题

最近在使用AmazeUI进行仿App Mobile Web开发时遇到了讨论众多的position:fixed问题.position:fixed在安卓2.2以上已经实现,但是在ios8以下系统当小键盘激活时,会出现位置错位的问题. 如下图: 受到CSDN上刘华童鞋(http://my.csdn.net/liu__hua)的启发,找到了目前位置比较完美的解决方案. <!DOCTYPE html> <html lang="zh_cmn"> <head> &…

ios 弹出键盘视图向上平移

[[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(keyboardwillAppear:) name:UIKeyboardWillShowNotification object:nil]; [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(keyboardWillDisappear:) name:UI…

Android中自定义弹出PopupWindow后返回按键失效的问题解决

PopupWindow出现之后,默认的是所有的操作都无效的,除了HOME键.而且是可以操作后面的界面的.想要锁定后面的界面,很简单,只需要让PopupWindow是focusable的:popupWindow.setFocusable(true); 但是这样不能实现点击屏幕其他部分使其消失,返回键也不行.这时候要给popupWindow设置一个一个BackgroundDrawable,如果你已经定义好布局,怕破坏掉样式,只需要设置一个空的Drawable即可:popupWindow.setB…

wordpress，cos-html-cache静态化后，点击数失效问题的解决方案

装了wordpress cos-html-cache 静态插件后,生成了静态文件,post-views等点击数插件就失效了, 找了一些,包括有个js版本的,需要用到post-views插件,我也不想装太多插件,于是有了下面的方案. 1:Advanced Custom Fields插件. 安装后,我原先用作缩略图字段的,新增加一个字段:点击数 2:发文章, 可以随便填写,也可以不填3:修改文章模板文件 4: wp_conter.php文件 5:效果对应见图 1. [图片] wp-custom_f…

ios兼容 input输入时弹出键盘框页面整体上移键盘框消失后在ios上页面不能回弹的问题

前端h5混合开发手机端ios 当有input输入时,手机下方弹出键盘使页面上移,当输入完成,键盘消失后页面显示回到原位,但实际不能点击(可点击上方区域,有反应),也就是说实际是没有回弹. 解决办法:给input加blur事件,代码如下: $('input').on('blur', function () { setTimeout(function(){ var scrollHeight = document.documentElement.scrollTop || document.body.…

微信内置浏览器H5 弹出键盘遮盖文本框解决办法 Fixed失效

if(/Android [4-6]/.test(navigator.appVersion)) { window.addEventListener("resize", function() { if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA") { window.setTimeout(function() { docume…

iOS下的 Fixed + Input 调用键盘的时候fixed无效问题解决方案

做touchweb开发的时候,做头疼的是,电脑上面时候好的,有些手机上面也是好的,个别手机和浏览器出现问题,对于这些,只能慢慢调试,找问题. 今天说一下比较老的IOS的问题,那就是"iOS下的 Fixed + Input 调用键盘的时候fixed无效问题". 案例如下 <body>  <header>这里是头部</header>  <section&g…

ios端position为fixed失效的解决办法

关键代码 document.getElementById("searchInputbox").addEventListener('touchmove', handler, {passive: false}); function handler() { event.preventDefault(); } var contentBox=document.getElementById("contentBox") contentBox.ontouchstart = func…

IOS开发之自定义系统弹出键盘上方的view(转载)

这篇文章解决的一个开发中的实际问题就是:当弹出键盘时,自定义键盘上方的view.目前就我的经验来看,有两种解决方法.一个就是利用UITextField或者UITextView的inputAccessoryView属性,另一种,就是监听键盘弹出的notification来自己解决相关视图的位置问题. 第一种解决方法相对比较简单,第二种的方法中有一个难题就是当键盘的输入方式,也就是中英文切换时,键盘的高度是会发生变化的.需要动态来调整相关视图的位置.下面开始详细介绍解决方法. 设定inputAcce…

安卓弹出键盘隐藏fixed定位相关的元素(obj必须是class)

//安卓弹出键盘隐藏fixed定位相关的元素(obj必须是class) function displayFixed(obj){ var h = document.body.scrollHeight; window.onresize = function(){ if (document.body.scrollHeight < h) { document.getElementsByClassName(obj)[0].style.display = "none"; }else{ doc…

mui搜索框在ios平台上点击多次才弹出键盘的解决方法

今天使用Hbuilder调试手机端时,发现搜索框在安卓系统下,点击一次就可以弹出键盘但是在iso下非常的不规律,要点击多次代码实现如下: <div class="mui-input-row mui-search mui-input-speech search"> <input type="search" class="enter_search" placeholder="请输入序列号" id="…

IOS 获取文本焦点主动召唤出键盘(becomeFirstResponder) and 失去焦点（退下键盘）

主动召唤出键盘 - (void)viewDidAppear:(BOOL)animated { // 3.主动召唤出键盘 [self.nameField becomeFirstResponder]; // [self.nameField resignFirstResponder]; } 退出键盘 - (void)viewDidAppear:(BOOL)animated { //退下键盘方式1 [self.nameField resignFirstResponder]; //方式 2 严谨的做法(…

关于UITextfield弹出键盘解决方案

解决的问题:当你点击一个UITextfield时,不想让其弹出键盘,如果你觉得不就是取消其第一响应者嘛,resignRespond一下不就行了嘛,确实,如果你只是在其编辑完成后让其键盘消失,那这个就够了,但是如果你想在编辑前让其消失呢?阐述下自己遇到的情况先:就是需要做一个地区的输入框(是一个UITextfield),但可以分自动获取和手动输入,当你第一次点击时,需要弹出block让你选择你输入类型,点击的实现是在UITextfield上添加addTarget一个UIControlEventEd…

Xamarin iOS教程之键盘的使用和设置

Xamarin iOS教程之键盘的使用和设置 Xamarin iOS使用键盘在文本框和文本视图中可以看到,当用户在触摸这些视图后,就会弹出键盘.本节将主要讲解键盘的输入类型定义.显示键盘时改变输入视图的位置等内容. Xamarin iOS定制键盘的输入类型键盘的类型不只一种,而是有很多种的.当用户要实现编辑一个联系人时,键盘就会随着所输入的内容不同而发生变化.例如当要输入联系人的电话号码时,键盘就变为数字键盘.在不同的地方使用不同类型的键盘,会使用户的操作变得简单.要定制键盘的显示类型其实很…

（Vue）移动端点击输入框，弹出键盘，底部被顶起问题

(Vue)移动端点击输入框,弹出键盘,底部被顶起问题:https://www.jianshu.com/p/210fbc846544 问题描述:Vue开发中,当我们相对于父视图的底部布局子控件时,需要用position:fixed,如果页面内容不是很长,没有超出屏幕范围,那就还好,没有问题:一旦超出屏幕范围,当你点击输入框,弹出键盘时,底部固定定位的子控件就会被顶起来. 这个问题在iOS端不会出现,在安卓端会出现,原因是键盘加载方式不一样,这里不作详情解答. 解决方案:在键盘弹起时,页面高度变小,…

［转］iOS Safari 中click点击事件失效的解决办法

iOS Safari 中click点击事件失效的解决办法问题起因: 在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效(不能执行) 问题描述当使用委托给一个元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效. 解决办法解决办法有 4 种可供选择: 将 click 事件直接绑定到目标元素(即 .target)上将目标元素换成 …

[调整] Firemonkey TEdit 避免按下立即弹出键盘的问题

目前 Firemonkey 有一个问题,就是在 Edit 按下会立即弹出键盘,在红鱼儿的博客也提交了 QC: http://blog.sina.com.cn/s/blog_44fa172f0102vy2q.html 被此问题所累的朋友,去投个票吧! 下面想出暂时解决的方法(最终还是希望官方能修正这个问题): // 先将 Edit1.ReadOnly 设定为 False procedure TForm1.Edit1MouseUp(Sender: TObject; Button: TMouseBut…

iOS程序进入后台后仍运行定时器NSTimer

由于本应用需要在应用进入后台后还要进行定时的检测功能,因此对于我来说怎样让APP在进入后台后保持运行状态是比较大的需求.然后在iOS系统中是很难实现的,不管是通过音频还是定位系统,我查找了一些资料后都是只能申请到十分钟的运行态.没有所谓的长期运行的概念..... 然而在博客中突然看到这篇文章,尝试了下竟然可以运行很久.不管怎么样我还是先试试了......至于苹果是否能审核通过估计又是个难是具体如下: 本文所讲为其中之一:iOS程序进入后台后十分钟之内就会被系统kill掉,怎么解决呢?我…

ios如何判断键盘是否已经显示

ios如何判断键盘是否已经显示在群里看到有人问:ios如何判断键盘已经显示在界面上. 其实这个解决很简单: 写一个单例来管理键盘的状态. 这个单例在初始化方法init种监听2个事件,分别是 UIKeyboardDidShowNotification(键盘弹出通知)和 UIKeyboardWillHideNotification (键盘消失通知然后在相应的方法中设置一个属性就行了. 大致的实现如下: -(id)init { self = [super init]; if…

iOS中UITextView键盘回收

iOS开发中,发现UITextView没有像UITextField中textFieldShouldReturn:这样的方法,那么要实现UITextView关闭键盘,就必须使用其他的方法,下面是可以使用的几种方法. 1.如果你程序是有导航条的,可以在导航条上面加多一个Done的按钮,用来退出键盘,当然要先实UITextViewDelegate. - (void)textViewDidBeginEditing:(UITextView *)textView { UIBarButtonItem *don…

【原创】修复ios输入框获取焦点时不支持fixed的bug

前些日子,做了一个手机站的项目,有一个页面是这样的, 有一个固定(position:fixed)的头部和底部导航,中间是一些表单内容,没啥特别的.但是到了ios中,正常滚动页面没有问题,一旦触发了文本框,出现输入法小键盘时,就会变成了这样: 就是,头部和底部的位置错乱了,不再fixed了.网上搜索了一翻,原来在ios的safari和webview中,对position:fixed的支持不是很好,在ios5之前甚至还不支持position:fixed.其解决办法也有,一种是把中间部分也加上fixe…

fullpage插件在移动端弹出键盘页面特殊处理

fullpage插件大家都很熟悉 jquery一款全屏上下滑动的插件. 最近做公司一个活动移动端使用fullpage插件填写input的时候遇见一个问题,手机自带的键盘弹出的时候会把页面顶出去,页面错版,当时也是熬夜解决这个问题,首先想到的是键盘收起时重新给页面赋值高度,处理失败,fullpage插件会强迫重新复制给页面高度, 等等一些方法赋值都不行,最后跟同事一起想办法解决掉了 ,so~话不多说分享给大家我认为正确的解决办法,希望遇到此问题的前端朋友能更快处理. $(function(){$(…

WPF实战案例-MVVM模式下在Xaml中弹出窗体

相信很多学习和开发wpf项目的同学都了解过mvvm模式,同样,在mvvm模式下会有一个不可忽视的问题,就是怎么在xaml中弹出窗体,而不破坏MVVM本身的结构. 关于弹出窗体的方式还是很多的,本文先讲一下用触发器做处理. 我们先要在xaml中引用 xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" 需要System.Windows.Interactivity.dll 这个文件可以在blend的安装…

WPF编程，C#中弹出式对话框 MessageBox 的几种用法。

原文:WPF编程,C#中弹出式对话框 MessageBox 的几种用法. 1.MessageBox.Show("Hello~~~~"); 最简单的,只显示提示信息. 2.MessageBox.Show("There are something wrong!","ERROR"); 可以给消息框加上标题. 3.if (MessageBox.Show("Delete this user?", "Confirm…

EditText: EditText自动获取焦点并弹出键盘&EditText不自动获取焦点并且不会弹出键盘

1.EditText不自动获取焦点并且不会弹出键盘找到EditText的父控件,设置其父控件为: Parent.setFocusable(true); Parent.setFocusableInTouchMode(true); 2. 调用指定方法令 EditText自动获取焦点并弹出键盘 private void showInputTips(EditText et_text) { et_text.setFocusable(true); et_text.setFocusableInTouchMo…

移动端点击输入框，弹出键盘，底部被顶起问题（vue）

这个问题相信做移动端开发的童鞋会有深刻体会,以前用jq开发时就很头疼这个问题,每次底部footer部分需要用position:fixed,如果页面内容不是很长,没有超出屏幕范围,那就还好,没有问题:一旦超出屏幕范围,当你点击输入框,弹出键盘时,底部固定定位的footer部分就会被顶起来,很丑!有木有. 在键盘弹起时,页面高度变小,底部固定定位上升,所以我们只需要在页面高度变小时,隐藏底部footer部分,当键盘消失时再显示底部footer部分就可以解决问题了. 解决方法:检测浏览器的resize…

【IOS中弹出键盘后出现fixed失效现象的解决方案】的更多相关文章