除非用户坚持小写，否则用户键入时每个单词的首字母大写

Question

我正在编写脚本，我希望第一个字母和空格后的字母大写。如果一个单词跟在连字符 (-) 后面，那么它不应该大写，除非连字符 (-) 后面跟一个空格。如果用户想要将任何单词的首字母小写，它应该是动态工作的。

这是我使用以下脚本实现的。

这里的挑战是，用户应该可以在输入时将大写字母更改为小写

我无法实现该功能。

例子：

如果用户键入“hello world”，输出将是“Hello World”，如果用户想通过删除字母“W”并重新键入“World”中的字母“W”来小写字母“w”，预期结果应该是“Hello world”。

$.fn.capitalize = function() {
  $.each(this, function() {
    var split = this.value.split(' ');
    for (var i = 0, len = split.length; i < len; i++) {
      split[i] = split[i].charAt(0).toUpperCase() + split[i].slice(1);
    }
    this.value = split.join(' ');
  });
  return this;
};

$('textarea').on('keyup', function() {
  $(this).capitalize();
}).capitalize();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<textarea></textarea>

Answer 1

困难在于确定用户是否将大写字母“更正”回小写字母或出于其他意图进行更改。例如，如果用户继续更改原始单词的其他字符，是否应该将第一个字母再次转换为大写？这种情况以及许多其他情况可能会给用户带来意想不到的结果。

我会建议一个替代方案，您等待用户键入一个空格，然后将 该空格之前的单词的第一个字母大写 .然后，如果用户返回并再次将其变为小写，它将保持原样。用户必须键入空格（或换行符或制表符）才能再次触发前一个单词的自动大写。

这是如何工作的：

$.fn.capitalize = function() {
    $.each(this, function() {
        var pos = this.selectionStart,
            s = this.value,
            i = s.lastIndexOf(' ', pos-1)+1;
        // Don't do anything if text is selected
        if (this.selectionEnd !== pos) return;
        // Uppercase first character of word
        this.value = s.substr(0, i) + s.charAt(i).toUpperCase() + s.substr(i+1);
        // Restore caret position
        this.selectionStart = this.selectionEnd = pos;
    });
    return this;
};

$('textarea').on('keypress', function(e) {
    if (' \n\r\t'.indexOf(String.fromCharCode(e.which)) > -1) {
        $(this).capitalize();
    }
});

textarea { width: 100% }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea></textarea>

Answer 2

请检查一下。

jsfiddle.net/madhudvmask007/p4srb3mq

这里的问题是，如果我使用光标指针删除第一个字母。在我删除第一个字母后，光标指向字符串的末尾。如果开始，我希望将指针放在开头。 需要解决这个问题。

谢谢！！

Answer 3

你去吧:)

function useName (str) {
  if(!str) return '';
  return str
  .split(' ')
  .map(function (word) {
    if(word && word[0])
      return (word[0].toUpperCase() + word.substring(1).toLowerCase());
     else
      return '';
   })
  .join(' ')
}