tnblog
首页
视频
资源
登录
有个性,不需要签名
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术

JS监听input、keydown,有输入法时打字完成后触发事件

12273人阅读 2018/12/28 16:02 总访问:228252 评论:0 收藏:0 手机
分类: JS

在给输入框绑定input或keydown事件时 预期效果是有输入法时,输入中文后触发事件,不希望输一个字母就触发一次事件

可以用到compositionstart,compositionend。 主流浏览器都兼容


 var flag = true;
 $('#div-detail').delegate('#sclt-div input', 'input', function () {
     if (!flag) //默认都可。 输入法时 截断
          CustomerList($(this).val());
       }).on('compositionstart', function () {
          flag = true;
          console.log('输入法,录入开始');
       }).on('compositionend', function () {
          flag = false;
          CustomerList($('#sclt-div input').val()); //在input之后执行 所以需要手动调用一次
          console.log('输入法,输入结束');
       });



欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739

评价