博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html5模拟keyup事件
阅读量:6570 次
发布时间:2019-06-24

本文共 889 字,大约阅读时间需要 2 分钟。

hot3.png

在做项目时候需要实现keyup事件,但是总觉得这个事件可能有问题,于是上网搜了一下,找到这样一边文章,现摘抄下来,用的是方法2,完美实现效果

搜索框依据用户输入的值实时检索,一开始自然而然想到keyup,在拼音状态时,啥问题也没有,

问题1:切换到中文输入法,问题出来了,keyup事件不灵便了,后来在网上搜了下,找到了思路,

问题2:微信公众平台开发时,客户提需求“输入框中输入内容时,输入框后边显示清除按钮,清除输入框中的内容”,使用“keyup”事件时在中文输入法下部分按键keyup事件无效,

方法一:主要是给搜索框注册focus事件,隔个时间去检索下,贴出代码

     

方法二:用 input 和 propertychange事件可以解决, 

本人测试只能用dom2的绑定方法使用 如 document.getElementById('box').addEventListener('input',function(){...dosomething...},false)

         

使用oninput以及onpropertychange事件检测文本框内容:

可是也有人说用jq方式绑定即可 如:

$('#input').bind('input propertychange', function() {                 alert("....")             });
或者原生:

          

最后需要注意的是
oninput 和 onpropertychange 这两个事件在 IE9 中都有个小BUG,那就是通过右键菜单菜单中的剪切和删除命令删除内容的时候不会触发,而 IE 其他版本都是正常的,目前还没有很好的解决方案。不过 oninput & onpropertychange 仍然是监听输入框值变化的最佳方案..

转载于:https://my.oschina.net/leonaLily/blog/395786

你可能感兴趣的文章
H3C交换机通过以太口应用ftp方式升级bootrom软件
查看>>
H3C路由器tracert超时解决办法
查看>>
Myeclipse 启动时 An error has occurred.see the log file
查看>>
晒晒多次收到的51CTO奖品
查看>>
AirTight AP/Sensor
查看>>
应届毕业生该如何选择自己的正确方向
查看>>
无线网络共享命令
查看>>
我的友情链接
查看>>
笨方法学Python,Lesson1,2,3,4,5
查看>>
***初级技术讲解(上)
查看>>
Hibernate 里一些常用操作
查看>>
使用expect实现shell自动交互
查看>>
mysql row binlog event
查看>>
char 与byte的区别
查看>>
wifidog认证
查看>>
递归实现一个数的N次方
查看>>
maraidb高可用——MHA
查看>>
Fluentd 日志处理-S3拉取日志处理(二)
查看>>
环境变量与别名
查看>>
学习Linux的决心书
查看>>