IOS系统兼容input keyup事件

最近在做移动端模糊搜索功能,js监听input的keyup事件,在chrom模拟器和android手机环境运行都没有问题,到了ios手机却出现bug,没法实现功能;

查了好一会资料,发现keyup事件在ios系统下存在不兼容问题,解决的方法是通过 html5的 oninput事件来实现,代码如下;

<input id="input" type="text" />
document.querySelector(‘#input‘).addEventListener(‘input‘,function(){
    //do something
});
            document.querySelector(‘#input‘).oninput=function(){
    //do something
}    

上面两种写法都可以,android和ios系统都能满足!

原文地址:https://www.cnblogs.com/web-wjg/p/8761488.html

时间: 2024-11-07 19:15:55

IOS系统兼容input keyup事件的相关文章

关于微信手机端IOS系统中input输入框无法输入的问题

把-webkit-user-select:none改成-webkit-user-select:auto;覆盖掉或者直接注释掉就行! 别人家的博文:http://blog.csdn.net/rosemarrytop/article/details/53265568

m站页面input keyup兼容性

我们经常遇到字数统计.搜索请求的业务需求,一般需要监听input的keyup事件,paste事件, 在手机上也一样.比如说我们有一个id为J_input的input用来接收用户的输入, 一个id为J_show的p用来实时显示用户的输入状态.js代码如下: var dInput = document.getElementById('J_input'), dShow = document.getElementById('J_show'), back = function(e){ e.stopProp

IOS下去掉input submit圆角和

在iOS系统下input submit会有圆角,如果添加有背景色,背景色出错,在安卓系统是没有这些问题,可以在input样式加上这段样式 input{ -webkit-appearance: none; border-radius: 0; } 原文地址:https://www.cnblogs.com/YAN-HUA/p/9752980.html

IOS下去掉input submit圆角和背景色错误

在iOS系统下input submit会有圆角,如果添加有背景色,背景色错误,在安卓系统是没有这些问题,可以在input样式加上这段样式 input{ -webkit-appearance: none; border-radius: 0; } 原文地址:https://www.cnblogs.com/YAN-HUA/p/9752985.html

IOS中input键盘事件keyup 的兼容解决办法

用input监听键盘keyup事件,在安卓手机浏览器中是可以的,但是在ios手机浏览器中很慢,用输入法输入之后,并未立刻相应keyup事件. 解决办法: 在ios设备上可以用html5的input事件去代替keyup. eg: var bind_name = 'input';if (navigator.userAgent.indexOf("MSIE") != -1) { bind_name = 'propertychange';}(此处是为了兼容IE)if(navigator.user

IOS自带输入法中文不触发KEYUP事件导致vue双向绑定错误问题

先上图: 可以看到输入框中的内容和弹出框的内容不一致, <input class="am-fr labRight" id="txcode" type="text" placeholder="请输入纳税人识别号" v-model="invBuyer.TaxCode" /> 文本框使用的是vue的v-model双向绑定,在android中是ok的,在IOS上不行, 导致问题出现的原因是IOS自带输入

IOS不触发文本框输入中文的keyup事件

问题描述:IOS不触发文本框输入中文的keyup事件,在输入中文之后需要点击回退按键,才会开始搜索.问题分析:IOS的输入法(不管是第三方还是自带)能检测到英文或者数字的keyup事件,检测不到中文的keyup事件.解决方案:把keyup事件换成[input]和[propertychange]事件. var eventName = (navigator.userAgent.indexOf("MSIE")!=-1) ? "propertychange" :"

【转】ios下keydown,keyup不兼容解决办法

做移动端项目时,需要限制input框可输入内容长度.当时使用了keydown, keyup事件,但是在ios下不生效,代码如下: $('.father')('keydown keyup','input',function(){ console.log('限制可输入内容长度代码') }) 将keydown keyup事件修改为input事件解决该问题,代码如下 $('.father')('input','input',function(){ console.log('限制可输入内容长度代码') }

页面底部input被弹出来的键盘遮挡(iOS系统)—附解决方案

项目上要做一个留言回复的框. 类似这种用一个div套在input外面, 点击按钮时, 这个div出现, 位于页面底部. 并且input获得焦点, 自动弹出系统键盘. 但是, 在开发的时候发现,在iOS系统中这个div总是被键盘遮住, 曾经使用了垫高div框的办法, 天真的以为能够使它往上挪, 但是发现没有用, 需要手动往上拉才能出来. 查了很久, 看网上很多人都死在了这个问题上. 比较靠谱的答案在知乎上找到的 原因是fixed定位加上bottom:0在ios里无效了, 有人建议是改为弹性布局,