自动大写文本框光标自动跳转到结尾答案

【问题标题】：Auto Captitalize Text box cursor auto jump to end自动大写文本框光标自动跳转到结尾
【发布时间】：2020-06-04 14:37:48
【问题描述】：

我使用 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>

【问题讨论】：

标签： javascript html

【解决方案1】：

使用 CSS text-transform 属性

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

.uppercase {
  text-transform: uppercase
}

&lt;input type="text" name="prodName" id="prodName" class="uppercase" onblur="upperCaseF(this)"&gt;

【讨论】：