javascript - 自动大写文本框光标自动跳转到结尾

Question

我使用 JavaScript 将 HTML 中的输入文本自动大写。但是当我尝试编辑中间字母时，光标会自动跳到最后。如何防止这种情况？

这是我的代码:

HTML

<input type="text" name="prodName" id="prodName" onkeydown="upperCaseF(this)">

JavaScript

<script>
function upperCaseF(a){
    setTimeout(function(){
        a.selectionStart
        a.value = a.value.toUpperCase();
        a.setSelectionRange(a,a);
    }, 1);
}
</script>

Answer 1

使用 CSS text-transform属性(property)

function upperCaseF(a){
    a.value = a.value.toUpperCase();
}

.uppercase {
  text-transform: uppercase
}

<input type="text" name="prodName" id="prodName" class="uppercase" onblur="upperCaseF(this)">