javascript - 输入文本格式，Jquery，Javascript 或 Css

Question

虽然在输入中键入第一个字母应更改为大写，但其余字母应为小写，即使用户输入大写字母也应将其更改为小写。

示例输入词:mOuSe , ComPuTER

要点: 打字时应更改为:鼠标、计算机

我尝试了很多 Stackflow 解决方案，但对于上述逻辑，我没有找到。

使用 Css: Click Here

使用 Javacript: Click Here (这个有效，但最后一个字母无效)

接受任何使用 Jquery、Javascript 或 Css 的解决方案

$(document).ready(function() {
    //alert('ready');

  $('input').on('keypress', function(event) {
        var $this = $(this),
            val = $this.val();

        val = val.substr(0, 1).toUpperCase() + val.substr(1).toLowerCase();
        $this.val(val);
    });
});

Answer 1

使用 input 事件代替 keypress 事件。

 $('input').on('input', function(event) {