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

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

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

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

大家知道是啥原因不😂

1670 次点击
所在节点    问与答
7 条回复
HeyWeGo
2019-04-08 15:19:03 +08:00
我这正常呢~
https://i.loli.net/2019/04/08/5caaf5e15928f.png
fg
2019-04-08 15:20:35 +08:00
demo 没问题
BCy66drFCvk1Ou87
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://tanronggui.xyz/t/552972

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

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

© 2021 V2EX