javascript - 如何在 JavaScript 中启用箭头键

Question

在我的应用程序中，我为文本字段(用户名)编写了java脚本验证。因此，它只允许使用字母、空格、退格和箭头来移动文本字段中的上一个和下一个字母。我的代码在 mozila firefox 中工作正常，但在 chrome 和 IE 中它不允许箭头键。

我的代码是这样的..

<input class="form-control input-lg" onkeypress="return isCharacterKey(event)" onkeyup="capitalize(this)" id="firstNameSpaceCapital"/>

//This function allows space,backspace,alphabets and arrow keys
function isCharacterKey(evt) {
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode == 32 || charCode == 8 || (charCode >= 37 && charCode <= 40) || (charCode >= 65 && charCode <= 90) || (charCode >= 97 && charCode <= 122)) {
        return true;
    }
    return false;
}

//This method is used to capitalize the first letter in the text field
function capitalize(obj) {
    obj.value = obj.value.charAt(0).toUpperCase() + obj.value.slice(1);
}

//This method is used to capitalize the first letter after space
$('#firstNameSpaceCapital').on('keyup', function () {
    $(this).val(function (i, val) {
        return val.replace(/(\s)(\S)/g, function ($0, $1, $2) {
            return $1 + $2.toUpperCase();
        });
    });
});

Answer 1

我会这样解决你的问题:

注意大写仅需要 css(至少对于您提出的情况)

FIDDLE

html

<input class="form-control input-lg" id="firstNameSpaceCapital" />

CSS

.input-lg {text-transform:capitalize;}

js

$('#firstNameSpaceCapital').on('keypress', isCharacterKey);

function isCharacterKey(evt) {
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode == 32 || charCode == 8 || (charCode >= 37 && charCode <= 40) || (charCode >= 65 && charCode <= 90) || (charCode >= 97 && charCode <= 122)) {
        return true;
    }
    evt.preventDefault();
}

祝你好运!