Javascript JS光标定位与keyup

我有一个带有onkeyup的函数来修改用大写字母键入的文本字母

当我试图在输入文本中间编辑一个字母时，光标将自动定位在文本的结尾。

我希望光标保持相同的位置

如果您只想将第一个字母后一个字母改为大写字母，而将所有其他字母改为小写字母。你可以把它做成这样

#fname {
    text-transform: lowercase;
}
#fname:first-letter {
   text-transform: uppercase;
}

但请仅使用类来制作某些样式。

尝试以下方法：

 <input type="text" id="fname" onkeypress="myFunction()">
 <script>
     function myFunction() {
       var x = document.getElementById("fname");
       x.value = x.value.toUpperCase();    
     }
 </script>

函数myFunction（）{
var x=document.getElementById（“fname”）；
x、 value=x.value.toUpperCase（）；
}

我不知道你为什么需要这样的东西。不过试试这个，会有帮助的

#fname{    
   text-transform: uppercase;
}

这是使用简单的CSS。 如果在结尾需要大写值，您可以在使用CSS后尝试此操作

<input type="text" id="fname" onfocusout="myFunction()">

<script>
function myFunction() {
    var x = document.getElementById("fname");
    x.value = x.value.toUpperCase();
}
</script>

函数myFunction（）{
var x=document.getElementById（“fname”）；
x、 value=x.value.toUpperCase（）；
}

仅大写第一个字母：

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

将所有字母大写

this.value.toUpperCase();

---

非常感谢，可能是重复的。它工作得很好。我可以把正文的第一个字母改成大写，其余的改成小写吗？不客气。如果你给我一个类似的答案，并检查我的答案是否正确，那就太好了。

this.value.toUpperCase();