js 监听输入法组合文字过程

1、监听输入法输入开始和结束compositionstart、compositionEnd分别监听输入开始和结束2、在其他事件中获取到输入法组合状态通过往e.target上定义一个composing属性,在compositionstart置为true,在compositionEnd置为false即可实现在该元素的其他事件中监听到输入状态

代码实例:

// html
<input type="text" id="inputValue">
<span id="showValue"></span>// js<script>let input = document.getElementById('inputValue');let show = document.getElementById('showValue');input.value = 123;show.innerText = input.valuefunction onCompositionStart(e) {e.target.composing = true;}function onCompositionEnd(e) {if (!e.target.composing) {return}e.target.composing = false;show.innerText = e.target.value}function onInputChange(e) {// e.target.composing表示是否还在输入中if(e.target.composing)return;show.innerText = e.target.value}input.addEventListener('input', onInputChange)input.addEventListener('compositionstart', onCompositionStart)// 组合输入开始input.addEventListener('compositionend', onCompositionEnd) // 组合输入结束
</script>

js 监听输入法组合文字过程相关推荐

linux输入数字切换浏览器tab,js监听浏览器tab窗口切换
js监听浏览器tab窗口切换 --IT唐伯虎摘要:js监听浏览器tab窗口切换. if (document.hidden !== undefined) { document.addEventList ...
使用Node.JS监听文件夹变化
使用Node.JS监听文件夹改变有许多应用场合,比如: 构建自动编绎工具当源文件改变时,自动运行build过程,比如当你写CoffeeScript文件或SASS CSS文件时,保存之后可即时生成对应 ...
JS监听复制、粘贴、剪贴
本文介绍 js监听复制粘贴剪贴的使用方法 <!DOCTYPE html> <html lang="en"><head><meta ...
java计算器监听放大缩小,js监听页面放大缩小
demo body[zoom='scale']:before{ content: '您的网页处于缩放状态,请按 Ctrl+0 恢复到浏览器默认大小'; z-index: 9999; position: ...
js监听audio播放完毕
js监听audio播放完毕 <!DOCTYPE html> <html> <head><meta charset="UTF-8">& ...
Vue.js 监听属性简单实例
Vue.js 监听属性 watch,可以通过 watch 来响应数据的变化. watch:用来监听每一个属性的变化 watch这个对象里面都是函数,函数的名称是data中的属性名称,watch ...
vue 组件属性监听_Vue.js 监听属性
# Vue.js 监听属性本章节,我们将为大家介绍 Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化: ~~~ Vue 测试实例 - 菜鸟教程(runoob.com) ...
android 隐藏输入法时自动关闭弹窗,Android监听输入法弹窗和关闭的实现方法
用过ios的都知道ios上输入法关闭的同时会自动关闭输入框,那么在android上如何实现监听输入法弹出和关闭呢?本篇文章就为你提供了一种可靠的实现方式. 首先在AndroidManifest中配置 ...
android 输入法监听,android 监听输入法
场景:android 应用监听输入法按键事件[例如搜索和回车键等]的整个流程分析 android 应用监听输入法按键事件[比如搜索和回车键等]的整个流程分析继承于InputMethodService ...

js 监听输入法组合文字过程

js 监听输入法组合文字过程相关推荐

最新文章

热门文章