做 HTML 输入框碰到的一个很奇怪的问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 1837 天前的主题，其中的信息可能已经有所发展或是发生改变。

在一个 contenteditable 的 div 里面，先插入一个图片，再插入一个 emoji 表情的 HTML 实体字符编码，会导致后面不能再编辑汉字，搞了一上午不知道是什么原因。

Demo 地址： https://jsfiddle.net/tuzcwish/daLnxkog/8 测试步骤： 1.插入图片； 2.插入表情； 3.输入文字（这时候只有汉字不能输入，其他的英文或者标点符号都可以输入）。

大家知道是啥原因不😂

7 条回复 • 2019-04-09 00:13:13 +08:00

HeyWeGo

2019-04-08 15:19:03 +08:00

2019-04-08 15:20:35 +08:00

demo 没问题

HuasLeung

2019-04-08 15:26:05 +08:00

没问题啊是不是你的浏览器原因

JohnH

2019-04-08 15:49:12 +08:00

在 win10 系统下，内置五笔可以正常输入。使用 rime 时，点击插入表情后，立即拼写任何中文均不上屏，在表情后插入一个空格后可正常输入。同时，除了紧挨表情后的位置不能输入中文，其他位置均可正常输入。

tuzcwish

2019-04-08 16:19:40 +08:00

@HeyWeGo
@fg
@HuasLeung 我是在 Chrome 浏览器下面测试的，插入图片和表情之后，紧挨表情之后的那个位置任何中文都输入不了，在 Safari 下面是正常的，但是我这个项目是放在 electron 里面用的，内置的就是 Chrome。。。

saulshao

2019-04-08 23:55:32 +08:00

可以通过粘贴输入，但是 QQ 输入法不工作。
看起来像是 Chrome 有 BUG....

Flasky

2019-04-09 00:13:13 +08:00 via Android

Chrome 73 没有问题，是不是 Chrome 版本的原因？