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

Question

我有一个 contenteditable div，用户可以在其中发表评论：

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

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

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

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

我知道这可能只是输入字段的一个功能，但是有没有办法在 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" />