Virtual KeyBoard

https://rolling-scopes-school.github.io/domask2-JS2020Q3/Task3.VirtualKeyboard/

Особенности

• Базовая функциональность

  • при клике мышкой по клавишам с символами, эти символы отображаются в окне ввода.
  • есть клавиша CapsLock, переводящая все буквы в верхний регистр, клавиша пробел, клавиша Backspace. удаляющая символы перед курсором, клавиша Enter для перехода на новую строку.
  • клавиатуру можно скрыть и отобразить на экране.
  • в окне для ввода текста сохраняются все возможности обычной физической клавиатуры: текст можно набирать, выделять, удалять, добавлять текст в средину строки и т.д.

• Клавиша Shift

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

• Смена языка en/ru

  • для смены языка добавлена дополнительная клавиша en/ru, при клике по которой происходит переключение между русской и английской раскладкой клавиатуры.

• Горизонтальные стрелки для перемещения в пределах строки

  • для перемещения в пределах строки добавлены стрелки влево-вправо клики по которым реализуют горизонтальную навигацию позиции курсора. После перемещения позиции курсора ввод/удаление текста происходит по позиции курсора в т.ч. внутри строки. Вертикальная навигация не требуется и не оценивается, реализовать её можно по собственному желанию.

• Дополнительная функциональность:

  • подсветка клавиш виртуальной клавиатуры при кликах по клавишам физической клавиатуры
  • озвучивание нажатия клавиш виртуальной клавиатуры
  • клавиатура адаптируется под размер страницы
  • голосовой ввод текста

Используемые технологии