如何在移动设备上为 contenteditable 元素启用自动大写

Question

我有一个内容可编辑的 div，用户可以在其中发布 cmets：

<div contenteditable="true"></div>

但是，当您在手机上输入此字段时，它不会自动将句子后的第一个字母大写。

在移动设备上，每个句子结束后的第一个字母应大写。所以：

“这是一个句子。现在，‘now’这个词应该大写”

我知道这可能只是输入字段的一项功能，但有没有办法在 contenteditable 元素上实现/破解它？

Answer 1

不知何故，我意识到由于我使用 Emojionearea，自动大写不起作用。所以我没有用自动大写初始化 Emojionearea 是我自己的错。

对于遗漏了这些细节，我深表歉意。也许这个问题会帮助其他也在使用 Emojionearea 的人。

正确的代码应该是：

HTML

 <div id='textField' contenteditable="true" ></div>

JS

 $('#textField').emojioneArea({
                placeholder: $(this).data("placeholder"),
                pickerPosition: "bottom",
                attributes: {
                    spellcheck: true,
                    autocapitalize: "on"
                }
});

Answer 2

如果您正在寻找 HTML/CSS 答案，Autocapitalise 全局属性就是您想要的。将 Autocapitalise 设置为 "on" 或 "sentences" 将使每个句子的第一个字母大写。 这是一个例子：

<input type="text" autocapitalise="on" />