Скрыть/показать виртуальную клавиатуру Mottie Keyboard

@2m2 · Регистрация: 12.05.2011

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

Подскажите, как можно запускать/скрывать клавиатуру по клику?
Скрипт клавиатуры:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$(function(){
            keyboard=$('#keyboard').keyboard({autoAccept: true, autoValue: true, alwaysOpen: true, usePreview:false,
        // Первая буква ввода заглавная:       
visible: function(e, kb, el) {
            kb.shiftActive = true;
            kb.showKeySet(el);
        },
        change: function(e, kb, el) {
            var caret = kb.$preview.caret(),
                end = caret.end - 2 >= 0 ? caret.end - 2 : caret.end;
                // find the two characters immediately to the left of the caret
                str = kb.$preview.val().substring(end, caret.end);
            if (caret.start === 1 || str.indexOf('. ') >= 0) {
                kb.shiftActive = false;
                kb.showKeySet(el);
            }
            if (caret.start === 0 || str.indexOf('. ') >= 0) {
                kb.shiftActive = true;
                kb.showKeySet(el);
                }
            }
        });
            });

@masik49 · 11.12.2013, 14:08

Вероятнее всего создать какой нибуть блок, по нажатию по которому будет открываться или закрываться клавиатура.
Пусть блок будет <div id='vasya'></div>

ну и допишите к своей функции

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
$('#vasya').click(
        $(function(){
            keyboard=$('#keyboard').keyboard({autoAccept: true, autoValue: true, alwaysOpen: true, usePreview:false,
        // Первая буква ввода заглавная:        
        visible: function(e, kb, el) {
            kb.shiftActive = true;
            kb.showKeySet(el);
        },
        change: function(e, kb, el) {
            var caret = kb.$preview.caret(),
                end = caret.end - 2 >= 0 ? caret.end - 2 : caret.end;
                // find the two characters immediately to the left of the caret
                str = kb.$preview.val().substring(end, caret.end);
            if (caret.start === 1 || str.indexOf('. ') >= 0) {
                kb.shiftActive = false;
                kb.showKeySet(el);
            }
            if (caret.start === 0 || str.indexOf('. ') >= 0) {
                kb.shiftActive = true;
                kb.showKeySet(el);
                }
            }
        });
            });
);

@2m2 · 11.12.2013, 14:22 **[ТС]**

А как прописать по такому же клику

JavaScript
1
keyboard.destroy();

Читал документацию но так и не смог ничего рабочего прописать.

@masik49 · 11.12.2013, 14:29

Сообщение от 2m2

keyboard.destroy();

JavaScript
1
2
keyboard=$('#keyboard').keyboard().getkeyboard();
keyboard.destroy();

@2m2 · 11.12.2013, 14:32 **[ТС]**

masik49, это куда?

@masik49 · 11.12.2013, 14:33

Сообщение от 2m2

это куда?

Пропишите ниже вашего кода создания клавиатуры.
Да и около кнопки создания клавиатуры добавьте блок <div id='destr_keys'></div>

И замените код на этот:

JavaScript
1
2
3
4
$('#destr_keys').click(
keyboard=$('#keyboard').keyboard().getkeyboard();
keyboard.destroy();
);

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .

@2m2 2 / 2 / 9 Регистрация: 12.05.2011 Сообщений: 291
	11.12.2013, 14:32 [ТС]
	masik49, это куда? 0