我正在尝试使用可编辑内容的div在Ionic应用程序中创建带有表情符号的文本输入。当我为应用提供服务时,它可以在浏览器中正常工作,但是当我在iOS模拟器或iPhone上运行该应用时,div不可编辑。 div是可见的,如果单击它,键盘会出现,但没有光标。如果键入,则在div中什么也不会发生。
<div contenteditable="true">Some text</div>
我怀疑这与WKWebView有关,但不确定为什么它在Safari中有效,但在应用程序中无效。是否需要启用某些功能才能使其正常工作?
所以问题出在webkit。我需要在可编辑div的CSS中将用户选择选项更改为auto:
-webkit-user-select: auto;
就我而言,我不得不使用
user-select: text;