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

This topic created in 2774 days ago, the information mentioned may be changed or developed.

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

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

大家知道是啥原因不😂

7 replies • 2019-04-09 00:13:13 +08:00

HeyWeGo

Apr 8, 2019

Apr 8, 2019

demo 没问题

BCy66drFCvk1Ou87

Apr 8, 2019

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

JohnH

Apr 8, 2019

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

tuzcwish

Apr 8, 2019

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

saulshao

Apr 8, 2019

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

Flasky

Apr 9, 2019 via Android

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