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

2019-04-08 15:05:57 +08:00
 tuzcwish

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

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

大家知道是啥原因不😂

1559 次点击
所在节点    问与答
7 条回复
HeyWeGo
2019-04-08 15:19:03 +08:00
fg
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
Chrome 73 没有问题,是不是 Chrome 版本的原因?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/552972

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX