文档章节

compositionEnd 和 input 事件(中文输入法问题)

dubox
 dubox
发布于 2016/10/29 12:10
字数 147
阅读 420
收藏 0

网上用 compositionstart + compositionend + input 解决中文输入法问题的办法

复制代码

node.addEventListener('compositionstart', function(){
    cpLock = true;
})
node.addEventListener('compositionend', function(){
    cpLock = false;
})
node.addEventListener('input', function(){
    if(!cpLock)console.log(this.value);
});

复制代码

现在貌似不好使了

测试了下发现:

compositionend  在 input 事件之后才触发 so。。。

于是只能在compositionend 里 也加上处理代码

复制代码

node.addEventListener('compositionstart', function(){
    cpLock = true;
})
node.addEventListener('compositionend', function(){
    cpLock = false;
     if(!cpLock)console.log(this.value);
})
node.addEventListener('input', function(){
    if(!cpLock)console.log(this.value);
});

复制代码

 

并不是完美方案:

如果有些浏览器compositionend  在 input 事件之前,就会执行两次,就得继续填坑。。。

暂时就这么地吧

© 著作权归作者所有

dubox

dubox

粉丝 7
博文 100
码字总数 29203
作品 1
西安
程序员
私信 提问
[vue] 表单输入格式化,中文输入法异常

v-model 是 vue.js 提供的语法糖,根据不同的表单控件监听不同的事件,实现对表单控件的数据双向绑定。当控件是输入框时,v-model 监听其 input 事件。如下所示,这两种写法有什么区别吗? ...

张跃迁不想说话
2018/05/30
0
0
拜读及分析Element源码-input组件篇

element-ui源码详细分析以及在其中可以学到的东西整理。(有问题欢迎指正与讨论 也可以来小站逛逛) 首先看生命周期做了什么 外层DIV绑定的一些class 插槽及一些props传入的参数控制外层样式 ...

hollyDysania
2018/09/10
0
0
SendInput模拟键盘输入的问题

最近接触到这个函数,因此了解了一下,总结一下列在这。 我了解它的出发点是如何通过它向活动窗口输入字符,这是很多程序都有的功能(我猜Visual Assist X就用了这个功能)。 根据MSDN,此函...

狂斩一条龙
2011/08/29
0
0
CentOS 6 启用中文输入法

1、如果CentOS系统在安装时选择了中文,则中文输入法是默认安装的,如果安装时选择了英文,则如下方法可安装中文输入法。 $ su Password: #yum -y install "@Chinese Support" 2、启用中文输...

gongxifacai_believe
2018/02/01
0
0
Ubuntu 14.04 安装fbterm

个人比较喜欢在黑乎乎的屏幕下敲代码,没有杂乱的东西分心,电脑的对按键响应速度比图形界面下快那么一点儿(也许是显示速度)。但在终端下,中文乱码。下面是一种解决中文乱码的方案。 1.安...

for。
2014/05/25
813
0

没有更多内容

加载失败,请刷新页面

加载更多

rime设置为默认简体

转载 https://github.com/ModerRAS/ModerRAS.github.io/blob/master/_posts/2018-11-07-rime%E8%AE%BE%E7%BD%AE%E4%B8%BA%E9%BB%98%E8%AE%A4%E7%AE%80%E4%BD%93.md 写在开始 我的Arch Linux上......

zhenruyan
今天
5
0
简述TCP的流量控制与拥塞控制

1. TCP流量控制 流量控制就是让发送方的发送速率不要太快,要让接收方来的及接收。 原理是通过确认报文中窗口字段来控制发送方的发送速率,发送方的发送窗口大小不能超过接收方给出窗口大小。...

鏡花水月
今天
10
0
OSChina 周日乱弹 —— 别问,问就是没空

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @tom_tdhzz :#今日歌曲推荐# 分享容祖儿/彭羚的单曲《心淡》: 《心淡》- 容祖儿/彭羚 手机党少年们想听歌,请使劲儿戳(这里) @wqp0010 :周...

小小编辑
今天
1K
11
golang微服务框架go-micro 入门笔记2.1 micro工具之micro api

micro api micro 功能非常强大,本文将详细阐述micro api 命令行的功能 重要的事情说3次 本文全部代码https://idea.techidea8.com/open/idea.shtml?id=6 本文全部代码https://idea.techidea8....

非正式解决方案
今天
5
0
Spring Context 你真的懂了吗

今天介绍一下大家常见的一个单词 context 应该怎么去理解,正确的理解它有助于我们学习 spring 以及计算机系统中的其他知识。 1. context 是什么 我们经常在编程中见到 context 这个单词,当...

Java知其所以然
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部