Как отличить заглавные буквы от нижних в методе обработчика события onkeydown - PullRequest
Новая
       3

Как отличить заглавные буквы от нижних в методе обработчика события onkeydown

7 голосов
/ 27 июня 2010 
<html>
<head>
<title>Test</title>

<script type="text/javascript">

function showChar(e) {
    if (e.keyCode != 16) {
        alert(
           "keyCode: " + e.keyCode + "\n"
          + "SHIFT key pressed: " + e.shiftKey + "\n"
        );
    }
}

</script>
</head>

<body onkeydown="showChar(event);">
<p>Press any character key, with or without holding down
 the SHIFT key.<br /></p>
</body>
</html>

Как отличить прописные A от строчных a в методе обработки событий onkeydown?Вышеприведенный алгоритм запускает одно и то же значение keyCode.Мне нужно определить заглавные буквы, когда они нажаты в onkeydown.

Примечание: код содержит исключение для клавиши SHIFT.В противном случае это не позволяет вводить заглавные буквы.Кстати, мне нужно использовать onkeydown для моего испытания.

Ответы [ 3 ]

7 голосов
/ 27 июня 2010

Мне кажется, ты ответил на свой вопрос.Если вы обнаружите клавишу SHIFT, вы можете легко различать заглавные и строчные буквы: 

if(e.shiftKey){
   alert("You pressed a CAPITAL letter with the code " + e.keyCode);
}else{
   alert("You pressed a LOWERCASE letter with the code " + e.keyCode);
}

Или я неправильно понимаю ваш вопрос?

Обновление: Прописные буквы ASCIIкоды можно легко преобразовать в строчные ASCII-коды, добавив 32, поэтому все, что вам нужно сделать, это: 

<html>
<head>
<title>Test</title>

<script type="text/javascript">

function showChar(e){
  if(e.keyCode!=16){ // If the pressed key is anything other than SHIFT
        if(e.keyCode >= 65 && e.keyCode <= 90){ // If the key is a letter
            if(e.shiftKey){ // If the SHIFT key is down, return the ASCII code for the capital letter
                alert("ASCII Code: "+e.keyCode);
            }else{ // If the SHIFT key is not down, convert to the ASCII code for the lowecase letter
                alert("ASCII Code: "+(e.keyCode+32));
            }
        }else{
            alert("ASCII Code (non-letter): "+e.keyCode);
        }
  }
}

</script>
</head>

<body onkeydown="showChar(event);">
<p>Press any character key, with or without holding down
 the SHIFT key.<br /></p>
</body>
</html>

Обновление 2: Попробуйте это: 

<html>
<head>
<title>Test</title>

<script type="text/javascript">

function showChar(e){
  if(e.keyCode!=16){ // If the pressed key is anything other than SHIFT
        c = String.fromCharCode(e.keyCode);
        if(e.shiftKey){ // If the SHIFT key is down, return the ASCII code for the capital letter
            alert("ASCII Code: "+e.keyCode+" Character: "+c);
        }else{ // If the SHIFT key is not down, convert to the ASCII code for the lowecase letter
            c = c.toLowerCase(c);
            alert("ASCII Code: "+c.charCodeAt(0)+" Character: "+c);
        }
  }
}

</script>
</head>

<body onkeydown="showChar(event);">
<p>Press any character key, with or without holding down
 the SHIFT key.<br /></p>
</body>
</html>
2 голосов
/ 05 сентября 2017

Более новый и намного чище: используйте event.key. Нет больше кодов произвольных чисел! 

node.addEventListener('keydown', function(event) {
    const key = event.key; // "a", "1", "Shift", etc.
    if (/^[a-z]$/i.test(key)) { // or if (key.length === 1 && /[a-z]/i.test(key))
        const isCapital = event.shiftKey;
    }
});

Документы Mozilla

Поддерживаемые браузеры

0 голосов
/ 04 февраля 2016

Я довольно долго искал этот вопрос, так как писал код, ограничивающий элемент ввода (используя событие keyPress) только альфа-символами. Я использовал «коды символов от 65 до 90» и не мог вводить строчные буквы в поле.

Я наконец обнаружил, что JavaScript использует для этого ASCII-коды, поэтому я просто добавил «а также между 97 и 122» и альт! Я могу вводить как прописные, так и строчные буквы. Для остроумия: 

function alphaOnly(e) {
    'use strict';
    if (!e) { // compensates for IE's key code reporting.
        e = window.event;
    }
    var charCode = (e.which) ? e.which : event.keyCode;
    if ((charCode >= 65 && charCode <= 90) || (charCode >= 97 && charCode <= 122)) {
        return true;
    } else {
        return false;
    }
}
...