С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.62/86: Рейтинг темы: голосов - 86, средняя оценка - 4.62
Эксперт по компьютерным сетямЭксперт NIX
 Аватар для Dmitry
13440 / 7534 / 830
Регистрация: 09.09.2009
Сообщений: 29,554

Убрать виртуальную клавиатуру в браузере ОС Android

21.02.2013, 15:08. Показов 18490. Ответов 15
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть форма (вебстраница). В ней вводится номер телефона. (рис первый).
Ввод возможен простым тыканьем в кнопки с цифрами (равно как и с клавиатуры (в обычном браузере на обычной десктопной ос)).

Если же эта страница открыта в браузере Android-а, то при вводе значений "на пол экрана" выпрыгивает его встроенная виртуальная клавиатура. (рис. второй)

Есть ли какая- то возможность запретить появление этой виртуальной клавиатуры?
Миниатюры
Убрать виртуальную клавиатуру в браузере ОС Android   Убрать виртуальную клавиатуру в браузере ОС Android  
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
21.02.2013, 15:08
Ответы с готовыми решениями:

Сделать, чтобы браузер не вызывал встроенную виртуальную клавиатуру Android
Задал вопрос в другом разделе https://www.cyberforum.ru/javascript/thread791632.html там тишина. Может тут кто-то знает ответ?

Ищу виртуальную клавиатуру
На телефоне по умолчанию установлены 3 клавиатуры: Gboard, Huawey Swype и ShiftKey. На Huaway swipe нельзя поставить пользовательское...

Вызвать экранную виртуальную клавиатуру
Как при нажатии на Textbox вызвать экранную клавиатуру? Что я только не пробовал: ...

15
Эксперт по компьютерным сетямЭксперт NIX
 Аватар для Dmitry
13440 / 7534 / 830
Регистрация: 09.09.2009
Сообщений: 29,554
24.02.2013, 11:13  [ТС]
гуглеж показал, что если полю ввода input присвоить атрибут readonly, то клавиатура не выпрыгивает.
далее - все просто. анализируем useragent и на основании этого либо добавляем атрибут, либо нет
1
24.02.2013, 12:49

Не по теме:

Еще есть input type="number". Логично предположить, что для него должна выскакивать цифровая клавиатура, но это же тоже не то.

0
2 / 2 / 9
Регистрация: 12.05.2011
Сообщений: 291
10.12.2013, 20:18
Решена ли проблема?
0
Эксперт по компьютерным сетямЭксперт NIX
 Аватар для Dmitry
13440 / 7534 / 830
Регистрация: 09.09.2009
Сообщений: 29,554
10.12.2013, 20:22  [ТС]
https://www.cyberforum.ru/post4173363.html
0
2 / 2 / 9
Регистрация: 12.05.2011
Сообщений: 291
10.12.2013, 20:25
Мне клавиатуру нужно убрать только потому, что на сайте есть виртуальная клавиатура. Но если поставить
HTML5
1
<input type="text" readonly>
она так же не работает.

UPDATE
В скрипте было условие насчет этого. Убрал - заработало
0
Эксперт по компьютерным сетямЭксперт NIX
 Аватар для Dmitry
13440 / 7534 / 830
Регистрация: 09.09.2009
Сообщений: 29,554
10.12.2013, 20:32  [ТС]
в моем случае - должно было срабатывать только на клацанье по кнопкам на самом сайте.
с этим прекрасно справлялся код на js.
а андроидная клавиатура мне мешала.
как ее убрать - я вопрос решил
дальше и глубже - не рыл...
0
0 / 0 / 0
Регистрация: 11.12.2013
Сообщений: 5
11.12.2013, 17:00
Цитата Сообщение от Dmitry Посмотреть сообщение
в моем случае - должно было срабатывать только на клацанье по кнопкам на самом сайте.
с этим прекрасно справлялся код на js.
а андроидная клавиатура мне мешала.
как ее убрать - я вопрос решил
дальше и глубже - не рыл...
А можно поподробнее как Вам удалось её скрывать? Проблема полностью идентичная
0
Эксперт по компьютерным сетямЭксперт NIX
 Аватар для Dmitry
13440 / 7534 / 830
Регистрация: 09.09.2009
Сообщений: 29,554
11.12.2013, 17:06  [ТС]
а чтение темы ни на что не натолкнуло?
0
0 / 0 / 0
Регистрация: 11.12.2013
Сообщений: 5
11.12.2013, 17:11
Цитата Сообщение от Dmitry Посмотреть сообщение
а чтение темы ни на что не натолкнуло?
JavaScript
1
2
3
4
    $("input[type='text']").click(function () {
        $("input[type='text']").attr("readonly", "readonly");
        $(this).removeAttr("readonly").focus();
    });
Натолкнуло на такой вариант, но пока он не работает.
Решил спросить
0
Эксперт по компьютерным сетямЭксперт NIX
 Аватар для Dmitry
13440 / 7534 / 830
Регистрация: 09.09.2009
Сообщений: 29,554
11.12.2013, 17:15  [ТС]
сразу прописать инпуту ридонли, и всех делов
0
0 / 0 / 0
Регистрация: 11.12.2013
Сообщений: 5
11.12.2013, 20:14
Но тогда на него нельзя фокус установить. и соответственно с виртуальной клавиатуры нельзя вводить символы

Добавлено через 27 секунд
Вы пользовались какой-то библиотекой (виртуальная клавиатура) ?
0
2 / 2 / 9
Регистрация: 12.05.2011
Сообщений: 291
11.12.2013, 20:27
Я использую Mottie Keyboard (там в скрипте есть условия про readonly - их просто комментируете и все работает)
0
0 / 0 / 0
Регистрация: 11.12.2013
Сообщений: 5
11.12.2013, 20:37
Спасибо.

А ещё вопрос, может делали что бы по "двойному тапу" по экрану страница не зумилась?

Добавлено через 3 минуты
Кстати, может кому поможет ещё.


Решение для самописной клавы (проверено на ios и androide) :

HTML5
1
<input type="text" readonly="readonly" />
Скрипт :

JavaScript
1
2
3
4
    $("input[type='text']").live('click', function () {
        $("input[type='text']").removeClass("focusElement");
        $(this).addClass("focusElement").focus();
    });
0
Эксперт по компьютерным сетямЭксперт NIX
 Аватар для Dmitry
13440 / 7534 / 830
Регистрация: 09.09.2009
Сообщений: 29,554
11.12.2013, 20:55  [ТС]
Цитата Сообщение от holymasster Посмотреть сообщение
Но тогда на него нельзя фокус установить. и соответственно с виртуальной клавиатуры нельзя вводить символы
вы скриншот в самом первом сообщении (левый) видите?
нарисованную на нем клавиатуру (моего веб-приложения) наблюдаете?
так вот, яваскрипт при нажатии нарисованных кнопочек вводил в поле номер телефона
никакие фокусы мне (в моем приложении) были не нужны...
0
0 / 0 / 0
Регистрация: 11.12.2013
Сообщений: 5
11.12.2013, 21:25
Цитата Сообщение от Dmitry Посмотреть сообщение
никакие фокусы мне (в моем приложении) были не нужны
Ну вот у меня без фокуса не работает. Символы вводятся из такой же как у вас рисованной клавиатуры.

И всё же кто с двойным тапом сталкивался (зум страницы запретить)?

Добавлено через 26 минут
Для отключения зума по двойному тапу :
HTML5
1
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Извиняюсь за флэйм =) всем спасибо)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
11.12.2013, 21:25
Помогаю со студенческими работами здесь

TEdit: Сделать виртуальную клавиатуру
привет как сделать виртуальную клавиатуру, чтобы нажимать клавиши 0,1,2,3,4,5,6,7,8,9, точкa спасибо

Нужно сделать виртуальную клавиатуру
Народ, мне нужно в моё приложение клавиатуру сделать. Саму клавиатуру сделал. Теперь возник вопрос, как к каждой кнопке привязать значение,...

Edit text как вызвать клавиатуру виртуальную
Есть EditText скрытый = GONE... и И по на жатию на button я EditText присваиваю = VISIBLE; но на нем нету фокуса сразу... Таки как на него...

Можно ли на JavaScript создать упрощенную виртуальную клавиатуру?
В вин 7 есть виртуальная клавиатура, но она очень громоздкая, можно ли средствами сабж написать аналогичную, но упрощенную, к примеру...

Скрыть/показать виртуальную клавиатуру Mottie Keyboard
Подскажите, как можно запускать/скрывать клавиатуру по клику? Скрипт клавиатуры: $(function(){ ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
16
Ответ Создать тему
Новые блоги и статьи
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru