Текстовое поле ввода не работает с мобильным устройством на мобильном телефоне JQuery

Question

Текстовое поле ввода не работает с мобильным устройством на мобильном телефоне JQuery

0

Я использую JQuery mobile для разработки веб-приложения. На компьютере textarea работают нормально. Когда я тестирую устройство IOS, у меня появляется всплывающая клавиатура, но я ничего не могу напечатать.

HTML

<label for="msg">Observations:</label>
<textarea name="msg" id="obs"></textarea>

Информация:

JQuery-1.9.1.min.js
http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js
http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css

Любая помощь будет принята с благодарностью =)

Armanoide 23 янв. 2014, в 18:55

Источник

0

и немного кода будет принята с благодарностью =)
Omar 23 янв. 2014, в 18:04
0

я добавил HTML-код.
Armanoide 23 янв. 2014, в 18:20
1

Я пробовал код, предоставляемый с теми же библиотеками, и он отлично работает на iOS7, iPad. Никаких проблем с набором текста ... Это должно быть что-то еще, например, если вы установили maxlength = '0' в текстовой области, или какой-нибудь javascript для предотвращения ввода.
Yuriy Kvartsyanyy 24 янв. 2014, в 15:11

Показать ещё 1 комментарий

Теги:

jquery

textarea

mobile

keyboard

jquery-mobile

1 ответ

Ещё вопросы

и немного кода будет принята с благодарностью =)
Я пробовал код, предоставляемый с теми же библиотеками, и он отлично работает на iOS7, iPad. Никаких проблем с набором текста ... Это должно быть что-то еще, например, если вы установили maxlength = '0' в текстовой области, или какой-нибудь javascript для предотвращения ввода.

Armanoide · Accepted Answer · 2014-02-04T14-35-00.000Z

как @yuriy-kvartsyanyy сказал, что проблема исходит от чего-то другого. В моем случае это произошло из css:

style.css

* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

Я добавил эту строку в свой css для решения моей проблемы

style.css

textarea {
    -webkit-user-select: auto;
}