0

Доброго времени суток! Нужен jQuery плагин виртуальной клавиатуры, чтобы клавиатура появлялась при получении фокуса полем. Может кто-нибудь подсказать такой?

2 ответа 2

3

jquery virtual keyboard , например. Или такой

А вообще, напишите свой: В цикле создается div:

<div id="virtual_keyboard">
<button id="q" type="button">Q</button>
<button id="w" type="button">W</button>
<button id="e" type="button">E</button>
<button id="r" type="button">R</button>
<button id="t" type="button">T</button>
<button id="y" type="button">Y</button>
...
</div>

При нажатии на нужное поле

$("#my_textfield").click(function(){
//назначается активное поле
$("#virtual_keyboard").data('active-field','my_textfield').show();
});

$('#virtual_keyboard').find('button').click(function(){
  if($(this).data('active-field')!=''){
    active_field = $('#'+$(this).data('active-field'));
    active_field.val(active_field.val()+$(this).text());
  }
});

Можно чуток усложнить, чтобы оно ловило где расположен курсор. Но это уже на ваше усмотрение.

5
  • то что вы написали здесь плагином не является, к тому-же это явный набор плохих советов.
    – zb'
    6 июн 2013 в 2:25
  • 1
    >это явный набор плохих советов А вы как всегда кратки в своих суждениях.=) Влом пару строк махнуть что именно? За коментарии не бьют тут... ;)
    – knes
    6 июн 2013 в 6:25
  • 1
    ну во первых, раскладку лучше строкой или массивом объявлять, во вторых, если говорим плагин, то пишем (function ($) { $.fn.pluginName = function () { } })(jQuery) в третьих, привязываем click непосредственно к объекту кнопки (вместо привязки id к каждому элементу), генерируем событие нажатой клавиши в input в четвертых - используем focusin/focusout вместо click.
    – zb'
    6 июн 2013 в 13:14
  • Критика принята. Только по поводу раскладки не понял. Как из строки собрать виджет клавиатуры? Только циклом, разве еще как-то?
    – knes
    6 июн 2013 в 13:20
  • ну например так "`1234567890-=B:qwertyuiop[]:Lasdfghjkl;'\E:Szxcvbnm,./S:CA AC" : -разделитель, большие буквы - спецклавиши (отдельно описывать) если надо переключение, то массив layout в вашей второй ссылке есть годный формат описания раскладок (там наборы массивов) вообще кейбордный плагин не такое уж простое дело :)
    – zb'
    6 июн 2013 в 14:15
2

Virtual Keyboard

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.