最近在做移动端模糊搜索功能，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系统都能满足！
最近在做移动端模糊搜索功能，js监听input的keyup事件，在chrom模拟器和android手机环境运行都没...
input 事件 结合了 keyup事件 和 change事件, 会在 keyup 时判断值是否发生变化, 变化了...
// blur： 失去焦点// keyup: 键盘抬起事件 // input: 输入事件// change： 改变...
1.input框(type=number): 处理：改为 type=text(为了兼容火狐)@keyup.nati...
电话号码空格监听input的keyup和keydown事件
做移动端项目时，需要限制input框可输入内容长度。当时使用了keydown, keyup事件，但是在ios下不生...
一、@input（或者是v-on:input） 实时查询 二、@keyup.enter 回车事件 三、@chang...
使用el-input插件后直接使用keyup 是不生效的： 需要在@keyup事件后加上native，即@keyu...
要监听input enter 事件 element封装了keyup.enter.native 但是date-pic...
问题： el-input框同时绑定键盘事件和blur事件，造成两次提交 Before: keyup事件触发后，bl...
本文标题：IOS系统兼容input keyup事件
本文链接：https://www.haomeiwen.com/subject/mqsiaqtx.html
网友评论