超好用的 input 中文输入触发的事件

input 的 input 事件正常来说可以满足我们的要求，但是类似于实时搜索这种情况输入中文就很麻烦，只能通过 keyup 事件去进行键位的判断来实现效果。在这种情况下以下三种事件是很好的解决办法。

compositionstart：中文输入法开始输入触发的事件
compositonupdate：中文输入时触发事件，实时返回内容
compositionend：中文输入完成后触发事件，输入过程中此事件只执行一次

相关详细介绍：https://developer.mozilla.org/zhCN/docs/Web/Events/compositionend

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 十二、事件
      JavaScript 与 HTML 之间的交互是通过事件实现的。   事件，就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,873评论 1赞 11
  • ios和android 浏览器适配问题总结
    相关知识点 移动端、 适配（兼容）、 ios点击事件300ms延迟、 点击穿透、 定位失效...... 问题&解决...
    sandisen阅读 25,767评论 3赞 67
  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 135,796评论 19赞 139
  • 如何打败你爱情的“无敌小三”？
    1 “嘿，你知道吗？有时看见我男票玩王者比抓到小三还紧张！”看着男票得了不知道第几次的胜利，我百无聊赖地等着闺...
    阿瓦西阅读 3,517评论 1赞 5
  • Python入门（22）
    007根据密码找到时间地址，打印单个v加括号没区别，排序还是没明白
    CoucouTalia阅读 1,059评论 0赞 0