Textarea中每个单词首字母大写的Javascript错误

Question

我是一个小博主，我对 Javascript 的了解不够。 我有两个与在 textarea 中输入时将每个单词的首字母大写相关的问题。 我在 Stack Overflow 上的一些地方找到了下面给出的 js 代码。 它工作正常，但有一个错误。

问题 1：当用户输入单行时，它会将所有单词大写，但不会在每次换行后将第一个单词大写，或者说当用户按 Enter 转到下一行时，它会保持第一个字母小而不大写。

问题 2：如果用户在单词前放置逗号或句号，则单词也不大写。

我想要的是！ 在任何情况下，如果用户在逗号、句号、连字符、感叹号和其他基本特殊字符后没有空格，则所有单词都应大写并自动在单词前提供一个空格。

现场示例

以下是我的代码：

 $(window).load(function() { $.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).toLowerCase(); } this.value = split.join(' '); }); return this; }; $('input#author').on('keyup', function() { $(this).capitalize(); }).capitalize(); $('textarea#comment').on('keyup', function() { $(this).capitalize(); }).capitalize(); }); $(window).load(function() { $('input#email').keyup(function() { $(this).val($(this).val().toLowerCase()); }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <textarea minlength="120" id="comment" name="comment" cols="45" rows="8" aria-required="true" placeholder="Shayari"></textarea>

Answer 1

您可以尝试更新您的代码如下

$(window).load(function() {

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

          lines[i] = split.join(' ');
      }
      this.value = lines.join('\n');
    });
    return this;
  };

  $('input#author').on('keyup', function(e) {
    var $control = $(e.currentTarget);
    // Give space after comma, full stop, hyphen, exclamation mark 
    var newValue = $control.val().replace(/([\,\.\-\!])(\w)/g, '$1 $2');
    $control.val(newValue);
    $(this).capitalize();
  }).capitalize();

  $('textarea#comment').on('keyup', function(e) {
    var $control = $(e.currentTarget);
    // Give space after comma, full stop, hyphen, exclamation mark 
    var newValue = $control.val().replace(/([\,\.\-\!])(\w)/g, '$1 $2');
    $control.val(newValue);
    $(this).capitalize();
  }).capitalize();

  $('input#email').on('keyup', function() {
    $(this).val($(this).val().toLowerCase());
  });      

});

我在https://jsfiddle.net/r4w43L2k/5/创建了一个例子，你可以检查一下。