jQuery语句大小写函数不断替换我的文本

Question

我试图制作一个输入句子大小写工具，但是当我键入任何不同的内容时，它会不断地返回value="“文本。

我想为粘贴或替换的文本破例。因此，当我在输入中输入一个新值时，它应该将该字符串返回到句子大小写中。

下面是我编写的代码片段：

function capitalizeFirstLetter(string) {
  return string.charAt(0).toUpperCase() + string.slice(1);
}

var title = $("#essay-title").val();
var sentenceCaseTitle = capitalizeFirstLetter(title.toLowerCase());
    //alert( lowerCaseTitle );
function sentencecase() {
    $("#essay-title").trigger("change paste");
    $("#essay-title").val(sentenceCaseTitle);
}

https://jsfiddle.net/c105vedo/

Answer 1

var title = $("#essay-title").val();在页面访问时立即执行，因此它始终是空的，不更新。将该部分移动到sentencecase中

​

function capitalizeFirstLetter(string) {
  return string.charAt(0).toUpperCase() + string.slice(1);
}

function sentencecase() {

  var title = $("#essay-title").val();
  var sentenceCaseTitle = capitalizeFirstLetter(title.toLowerCase());
  $("#essay-title").trigger("change paste");
  $("#essay-title").val(sentenceCaseTitle);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="essay-title" value="TEST TITLE">
<button type="button" onclick="sentencecase()">OK
</button>

​

Answer 2

您必须将以下代码移动到sentencecase函数中，

var title = $("#essay-title").val();
var sentenceCaseTitle = capitalizeFirstLetter(title.toLowerCase());

问题是，如果上面的代码在函数之外，它将只执行一次，所以这就是为什么您一直得到相同的值。

Demo

​

function capitalizeFirstLetter(string) {
  return string.charAt(0).toUpperCase() + string.slice(1);
}

//alert( lowerCaseTitle );
function sentencecase() {
  var title = $("#essay-title").val();
  var sentenceCaseTitle = capitalizeFirstLetter(title.toLowerCase());
  $("#essay-title").trigger("change paste");
  $("#essay-title").val(sentenceCaseTitle);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="essay-title" value="TEST TITLE">
<button type="button" onclick="sentencecase()">OK
</button>

​