Захватить нажатые клавиши с клавиатуры

DobroFenix · May 31, 2017

Добрый день или ночь или вечер или утро, Уважаемые Знатоки!

Помогите пожалуйста реализовать вот такую задумку:

Хочется, чтобы на web-странице работал js-скрипт, который бы "захватывал" нажатые пользователем клавиши, а по нажатию клавиши ENTER происходила бы отправка нажатых клавиш POST/GET запросом.

klierik · May 31, 2017

в чем возникают проблемы?

DobroFenix · May 31, 2017

Ковырял несколько примеров. В интернете имеется 2 основных варианта: отображение нажатой клавиши и триггер, реагирующий на нажатую комбинацию двух клавиш.

<html>
<head>
<title>Отслеживание нажатия клавиш на JAVASCRIPT</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>

</body>
</html>

Проблема в том, чтобы захватить все нажатые пользователем клавиши в одну переменную и затем обработать(отправить) эту переменную дальше.

klierik · May 31, 2017

https://jsfiddle.net/bbznbmss/

DobroFenix · May 31, 2017

Посмотрел алертом, что хранится в keycodes

if(keycode === 13) {
        // make Post/Get request
        alert("keycode: "+keycodes); // Выводим сообщение
        console.log('Request to server');
    }

Получается, что там комбинации клавиш, а как получить в итоге результат, чтобы были именно символы и числа?

И чтобы вывод был без запятой -- все набранные символы слитно в одной переменной.

По сути мне нужны только цифры. Перевод сделал вот так, а как убрать запятую на выводе между элементами?

Spoiler


var keycodes = [];
var real_keys = [];
document.onkeydown = function checkKeycode(event) {
    var keycode;
    if (!event) var event = window.event;
    if (event.keyCode) keycode = event.keyCode; // для IE
    else if (event.which) keycode = event.which; // для всех браузеров


    if(keycode === 13) {
        // make Post/Get request
        alert("keycode: "+real_keys); // Выводим сообщение
        console.log('Request to server');
    } else {
        keycodes[keycodes.length] = keycode;
            if(keycode == 48) {
                real_keys[real_keys.length] = 0;
            }
            if(keycode == 49) {
                real_keys[real_keys.length] = 1;
            }
            if(keycode == 50) {
                real_keys[real_keys.length] = 2;
            }
            if(keycode == 51) {
                real_keys[real_keys.length] = 3;
            }
            if(keycode == 52) {
                real_keys[real_keys.length] = 4;
            }
            if(keycode == 53) {
                real_keys[real_keys.length] = 5;
            }
            if(keycode == 54) {
                real_keys[real_keys.length] = 6;
            }
            if(keycode == 55) {
                real_keys[real_keys.length] = 7;
            }
            if(keycode == 56) {
                real_keys[real_keys.length] = 8;
            }
            if(keycode == 57) {
                real_keys[real_keys.length] = 9;
            }
        
    }

    console.log("keycodes: " + keycodes); // Выводим сообщение

}

DobroFenix · May 31, 2017

Большое спасибо =)

Вот делюсь рабочим вариантом:

Дальше на php парсим переменную и работаем с ним, удаляя запятые и форматирую как нам нужно

Spoiler


<script language="javascript" type="text/javascript">
var keycodes = [];
var real_keys = [];
document.onkeydown = function checkKeycode(event) {
    var keycode;
    if (!event) var event = window.event;
    if (event.keyCode) keycode = event.keyCode; // для IE
    else if (event.which) keycode = event.which; // для всех браузеров


    if(keycode === 13) {
        // make Post/Get request
        $.post('/food/get_xml.php', {xml: real_keys });
        alert("keycode: "+real_keys); // Выводим сообщение
        console.log('Request to server');
    } else {
        keycodes[keycodes.length] = keycode;
            if(keycode == 48) {
                real_keys[real_keys.length] = 0;
            }
            if(keycode == 49) {
                real_keys[real_keys.length] = 1;
            }
            if(keycode == 50) {
                real_keys[real_keys.length] = 2;
            }
            if(keycode == 51) {
                real_keys[real_keys.length] = 3;
            }
            if(keycode == 52) {
                real_keys[real_keys.length] = 4;
            }
            if(keycode == 53) {
                real_keys[real_keys.length] = 5;
            }
            if(keycode == 54) {
                real_keys[real_keys.length] = 6;
            }
            if(keycode == 55) {
                real_keys[real_keys.length] = 7;
            }
            if(keycode == 56) {
                real_keys[real_keys.length] = 8;
            }
            if(keycode == 57) {
                real_keys[real_keys.length] = 9;
            }
        
    }

    console.log("keycodes: " + keycodes); // Выводим сообщение

}

Sign In

Захватить нажатые клавиши с клавиатуры

Recommended Posts

DobroFenix

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

DobroFenix

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

DobroFenix

Link to comment

Share on other sites

DobroFenix

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information