CSS & jQuery - 将文本转换为 "capitalize" - 当使用 .val() 获取小写字母时

Question

正如您在示例中看到的那样，我将所有小写文本都显示为大写，但是当我在 jQuery 中使用 .val() 来获取值时，我得到小写..但是如果你输入大写它会是大写..

$(function(){
  console.log($('#test_capitalize').val());
  $('#re-test').on('click', function(){ 
    console.log($('#test_capitalize').val());
  });
});

#test_capitalize {
  text-transform: capitalize;
}

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


<input type="text" id="test_capitalize" value="some small text" />

<button id="re-test">Get value</button>

这是一个错误还是它应该表现得像这样...？

Answer 1

我不明白你的问题。输入的值区分大小写，因此如果您输入小写字母，输入的 value 将是小写字母，大写字母也是如此。

您在输入中看到大写单词是因为您通过 css 对其应用了 text-transform: capitalize;。这用于漂亮地打印文本，但仅用于显示，不会改变输入字段的实际值。这就是您在控制台中看到非大写值的原因。

CSS & jQuery - 将文本转换为 "capitalize" - 当使用 .val() 获取小写字母时

CSS & jQuery - transform text to "capitalize" - when got with .val() get's lowercase

css

jquery

capitalize