解决ios下不兼容keyup,keydown等事件

最新推荐文章于 2021-12-28 14:41:00 发布
最新推荐文章于 2021-12-28 14:41:00 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： js
ios系统下搜索框内输入数字可以实现模糊查询，输入中文无法实现。

ios下不兼容keyup,keydown等事件：

使用原生js解决不兼容：

document.getElementById('testautofocus').addEventListener('input', function(e){  }); 

看来原生js还是很强大的，哈哈哈~
k7Cx7e
关注
专栏目录
HTML移动端开发常见的兼容性总结
weixin_44411302的博客
12-06 1421
1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3...
事件
wobushixiaobailian的博客
10-15 158
文章目录1 事件流2 事件处理程序2.1 HTML事件处理程序2.2 DOM0 级事件处理程序（JavaScript事件处理程序） 1 事件流 事件流描述的是从页面中接受事件的顺序。IE和NetScape采用了相反的实现机制，IE中采用的是事件冒泡，NetScape采用的是事件捕获。 事件冒泡： 事件从最具体的元素，逐级传递到最不具体的元素。 事件捕获： 事件捕获的目的是在事件到达预定...
IOS中input键盘事件keyup 的兼容解决办法
01-10 371
用input监听键盘keyup事件，在安卓手机浏览器中是可以的，但是在ios手机浏览器中很慢，用输入法输入之后，并未立刻相应keyup事件。 解决办法： 在ios设备上可以用html5的input事件去代替keyup。 eg： var bind_name = 'input';if (navigator.userAgent.indexOf("MSIE") != -1) { bind...
input在ios系统无法识别keyup写法的字数改动
流都的博客
12-28 1243
将keyup写法改为input propertychange 模板： $(".input").bind('input propertychange', function() {undefined }) 一个计算input输入框字数计算的方法（ios适配） //多行文本框字符计算 // $('#textArea').bind('input propertychange', function() { $('#textArea').bind('input propertychange'
keyup,keydown事件在IOS上无效问题
ruanhongbiao的专栏
06-29 4410
最近在做一个webapp项目，遇到一个很奇怪的问题，用keydown事件触发请求在chrome模拟器和Android都没问题(ios系统下搜索框内输入数字可以实现模糊查询，输入中文无法实现)，但在IOS上完全没有数据，我就回想起来以前做过的项目也有遇到过keydown在ios上的兼容性问题，于是上网搜了一下，最后用原生的写发去实现了，经测试Android和IOS都没有问题。具体代码如下：
浅谈Html5移动端ios/Android兼容性总结
12-14
在处理输入事件时，iOS对`keyup`、`keydown`、`keypress`的支持可能不尽人意。为了解决这个问题，可以使用`input`事件，像这样：`<input type="text" id="testInput"><script type="text/javascript">document....
jquery input keyup
最新发布
07-10
在这个例子中，`keyup` 可能与搜索功能相结合，比如实时过滤部门列表，但为了确保在iOS设备上与标准键盘行为一致，可能还需要处理`keydown`事件，如: ```javascript $("input").keydown(function(){ // 对于IOS设备...
iphone/safari手机不支持keyup事件的解决办法
xuexizhe88的博客
08-22 3968
需求：在移动端使用html5做模糊搜索的时候，需要根据用户在input输入框中输入的内容，进行模糊匹配。 首先根据的键盘事件，keydown() keypress() keyup()，由于keyup事件是在按键释放时触发，也就是按下键盘起来后的事件，因此选用的是keyup事件。 但是keyup在ios手机原生的输入法是不支持的，但是在ios端第三方的输入法搜狗输入法是支持的，为了兼容性，不能使
解决 jquery在iOS系统自带键盘无法触发keyup,keydown,keypress事件
StillCity的专栏
12-22 4811
问题描述：根据input输入内容做内容模糊搜索，但在iPhone（iOS系统）中使用系统自带键盘无法触发keyup,keydown,keypress事件（需要点击键盘空格或确定键才能触发） 解决办法：通过js原生事件触发方式addEventListener即可，查了一下jquery的源码，底层都是通过调用 addEventListener 来触发事件，但就是无法触发事件，不知道咋回事，并没有具体调
移动端(html5)微信公众号下用keyup实时监控input值的变化无效
binglingnew的专栏
06-08 1067
移动端(html5)微信公众号下用keyup实时监控input值的变化无效
html5移动开发-在IOS在keyup和change无法获取中文
懒人改变世界
01-11 2590
在IOS下，无论是keyup还是change都无法获取input的值。英文是正常的。解决方案：$("#txtSearch").on("input", function() { startSearch.call(this); });
IOS 自带输入法接收汉字触发事件
每天进步一点
09-07 2476
今天做了一个录入信息的，客户通过扫码跳转到信息录取界面，支持微信、浏览器扫码方式，录取有几个下拉框，下拉框支持模糊查询；安卓端模糊查询是正常的，但是ios端有一个现象，ios用自带的输入法时，输入汉字时，汉字还未出现，就会立即把汉字字母触发查询，其实这样也能接受，关键是选中汉字时事件就不触发了，这个就可悲了，通过网上搜索解决方法，现在给出解决方案： 代码：       //用于标记是否是输...
input 下拉框模糊搜索及 IOS 的 keyup 兼容性问题解决
05-27
好的，下面是针对你的问题的解决方案。 1. 实现 input 下拉框模糊搜索 你可以使用 Vue 的 computed 属性来实现下拉框的模糊搜索，具体实现可以参考以下代码： ```html <template> <div> <input type="text" v-model="search" @input="searchData" /> <ul> <li v-for="item in filteredData" :key="item.id">{{ item.name }}</li> </ul> </div> </template> <script> export default { data() { return { data: [ { id: 1, name: 'Apple' }, { id: 2, name: 'Banana' }, { id: 3, name: 'Orange' }, { id: 4, name: 'Pineapple' }, { id: 5, name: 'Pear' }, ], search: '', }; }, computed: { filteredData() { const search = this.search.toLowerCase(); return this.data.filter((item) => item.name.toLowerCase().includes(search)); }, }, methods: { searchData() { // 搜索操作 }, }, }; </script> ``` 这个例子中，我们使用 data 来存储所有的数据，然后使用 search 来存储搜索关键字。在 computed 中，我们使用 filteredData 来过滤数据，只展示与搜索关键字匹配的数据。 2. 解决 IOS 的 keyup 兼容性问题 在 IOS 中，keyup 事件可能不会触发，而是会触发 input 事件。为了解决这个问题，你可以使用 v-model 来绑定输入框的值，然后使用 watch 来监听输入框的变化，具体实现可以参考以下代码： ```html <template> <div> <input type="text" v-model="search" /> </div> </template> <script> export default { data() { return { search: '', }; }, watch: { search(val) { // 输入操作 }, }, }; </script> ``` 在这个例子中，我们使用 v-model 来绑定输入框的值，然后使用 watch 来监听 search 的变化。这样无论是在 IOS 还是其他设备上，都可以监听输入框的变化了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值