javascript - javascriptを使用してkeypresseventで小文字を大文字に変換します

Question

イベントが発生したときに小文字の後者を入力すると、大文字の後者を変換する方法はonkeypress? 私の機能は Internet Explorer では機能しますが、Google Chrome と FireFox では機能しません。

function Capital(evt) [
    key = (evt || window.event) ? evt.keyCode : evt.which;
    if (key >= 97 && key <= 122) {
        if ((evt || window.event)) evt.keyCode = evt.keyCode - 32;
        else evt.which = evt.which - 32;
    }
}

この関数が呼び出されましたonkeypress="Capital(event)"

Answer 1

これには JS はまったく必要ありませんtext-transform: uppercase;。要素に設定するだけです。

Answer 2

簡単です。要素を関数に渡し、変換します。

<script type="text/javascript">
    function convertCase(elem)
    {
        elem.value = elem.value.toUpperCase();
    }
</script>
<input onkeypress="convertCase(this);" type="text" id="txt1" />

Answer 3

document.getElementById('my-ok').onkeypress = function() {
  var self = this
  setTimeout(function() {
    self.value = self.value.toUpperCase()
  }, 0)
}

<input id='my-ok' type="text">

イベントとタイミング

Answer 4

キープレスでスクリプトを書く代わりに、以下のようにぼかしイベントでスクリプトを書くことをお勧めします。

 window.onload = function () {
            var textBx = document.getElementById("txt");

            textBx.onblur = function () {
                this.value = this.value.toUpperCase();
            };
        };