Как определить состояние раскладки?

@Richik · Регистрация: 23.09.2014

Author24 — интернет-сервис помощи студентам

Добрый день
Подскажите пожалуйста как определить раскладку клавиатуры?
Хочу просто отобразить на странице

Javascript

setInterval(function(){
    language = ...???
    $('#language').text(language);
}, 1000);

@Qwerty_Wasd · 30.10.2020, 14:38

Richik, пока что интерфейс Keyboard не доработан. А его возможность отслеживать системные события вряд ли предвидится в принципе - уровнем абстракции не вышел.

Но Вы можете воспользоваться одной из хитростей. Например отслеживать с помощью событий ввод текста на страницу и далее сравнивать в методе по маске. При совпадении - обрабатывайте как душе угодно.

Ну и практический пример - https://codepen.io/qwerty_wasd/pen/RwRMgyY

HTML5

1	<input type="text"/><span>EN</span>

Javascript

document.addEventListener(
    `input`,
    e => e.target.nextElementSibling.textContent =
    (e.target.tagName = `INPUT` && /[А-Яа-яёЁйЙ]+/gim.test(e.target.value[e.target.value.length - 1])) ?
    `RU` : `EN`
);

@Richik · 01.11.2020, 14:26 **[ТС]**

Что-то подобное находил в нете - даже применил в пароях.

Но это достаточно не удобно для постоянного отображения.
Наверное придется отказаться от идеи, спасибо)

Новые блоги и статьи
Как проверить, что файл НЕ существует с помощью Bash bytestream 25.01.2025 В системном администрировании проверка существования файлов является фундаментальной операцией, особенно при написании скриптов на Bash. Правильная обработка ситуаций, когда файл отсутствует,. . .	Как проверить, что строка пустая, неопределена или null в JavaScript bytestream 25.01.2025 При разработке веб-приложений на JavaScript разработчики регулярно сталкиваются с необходимостью проверки строковых значений на различные состояния. Валидация данных является критически важным. . .	Как проверить существование ключа в объекте или массиве в JavaScript bytestream 25.01.2025 При разработке веб-приложений на JavaScript программисты постоянно сталкиваются с необходимостью работать с объектами и массивами. Эти структуры данных являются фундаментальными элементами языка и. . .	Как создать ArrayList из массива (array) в Java bytestream 25.01.2025 При разработке программного обеспечения на языке Java программисты часто сталкиваются с необходимостью эффективного управления наборами данных. Массивы и ArrayList являются двумя фундаментальными. . .	Как сгенерировать случайные целые числа (int) в указанном диапазоне в Java bytestream 25.01.2025 В программировании генерация случайных чисел является важнейшим инструментом для решения множества практических задач. От создания игровых механик до реализации алгоритмов машинного обучения, от. . .	Как сделать, чтобы grep выводил строки до и после найденной hw_wired 25.01.2025 Утилита grep стала незаменимым инструментом для поиска и фильтрации информации в Unix-подобных операционных системах. Эта командная утилита позволяет осуществлять поиск строк, соответствующих. . .
Как клонировать определенную ветку в Git bytestream 24.01.2025 Одной из ключевых функций Git является возможность клонирования веток, что позволяет создавать локальные копии удаленных репозиториев и работать с определенными версиями проекта. Этот механизм. . .	Как в цикле обойти строки DataFrame в Pandas Python bytestream 24.01.2025 DataFrame представляет собой одну из основных структур данных в библиотеке Python Pandas, которая организует информацию в виде двумерной таблицы с строками и столбцами. Эта структура данных особенно. . .	Как получить имя текущей ветки в Git bytestream 24.01.2025 При работе с Git часто возникает необходимость определить имя текущей ветки, в которой ведется разработка. Знание текущей ветки является критически важным аспектом для эффективного управления. . .	Как отсортировать массив объектов по значению поля объекта в JavaScript bytestream 24.01.2025 При разработке веб-приложений на JavaScript разработчики часто сталкиваются с необходимостью работать с массивами объектов. Эти структуры данных представляют собой упорядоченные наборы элементов, где. . .	Ошибка "src refspec master does not match any" при пуше коммита в Git bytestream 24.01.2025 При работе с системой контроля версий Git разработчики нередко сталкиваются с различными ошибками, одной из которых является сообщение "src refspec master does not match any". Эта ошибка возникает. . .	Как округлить не более двух цифр после запятой в JavaScript bytestream 24.01.2025 При работе с числами в JavaScript разработчики часто сталкиваются с необходимостью округления десятичных значений до определенного количества знаков после запятой. Это особенно важно при работе с. . .

@Richik 17 / 16 / 3 Регистрация: 23.09.2014 Сообщений: 275
	01.11.2020, 14:26 [ТС]	3
	Что-то подобное находил в нете - даже применил в пароях. Но это достаточно не удобно для постоянного отображения. Наверное придется отказаться от идеи, спасибо) 0