JQuery мобильное текстовое поле не теряет фокус

Я новичок в JQuery mobile и Cordova.I создал простое приложение Кордовы с мобильным устройством JQuery, имеющее форму с простым текстовым полем и радиовходом. Однако я заметил проблему, когда приложение был запущен, когда я набрал какой-то текст и нажал на переключатель, я заметил, что фокус все еще находится на вводе текста. Если JQuery mobile не использовался, фокус будет отсутствовать из ввода текста. Я знаю, что JQuery mobile добавляет некоторые значения по умолчанию стили к этим элементам формы. Я не хочу, чтобы фокус находился в текстовом поле, когда я выбираю радиокнопку. Пожалуйста, помогите мне в этом. Мой код для HTML-страницы приведен ниже.JQuery мобильное текстовое поле не теряет фокус

<html> 
    <head> 
     <title>TODO supply a title</title> 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     <link href="css/jquery.mobile-1.4.5.min.css" rel="stylesheet"> 
     <script src="js/jquery-1.11.3.min.js"></script> 
     <script src="js/jquery.mobile-1.4.5.min.js"></script> 
    </head> 
    <body> 
     <div>    
      <form> 
       <label for="text-basic">Text input:</label> 
       <input type="text" name="text-basic" id="text-basic" value="">    
       <fieldset data-role="controlgroup"> 
        <legend>Radio buttons, vertical controlgroup:</legend> 
        <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked"> 
        <label for="radio-choice-1">Cat</label> 
        <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"> 
        <label for="radio-choice-2">Dog</label> 
        <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"> 
        <label for="radio-choice-3">Hamster</label> 
        <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"> 
        <label for="radio-choice-4">Lizard</label> 
       </fieldset> 
      </form> 
     </div> 
    </body> 
</html>

Скриншот Mobile View приведен ниже.

Вот в картинке вы можете увидеть Android клавиатуры не закрывает даже если выбрать элемент из списка переключателей.

источник

2016-02-08 Kiran Muralee

Попробуйте

$("input:radio").addEventListener('touchstart',function(e) { 
    $('input[type=text], textarea').focusout(); 
});

это вручную удаляет фокус с текстового поля или TextInput, когда входной типа радио прикосновения.

или попробовать это

$("input:radio").addEventListener('touchstart',function(e) { 
    $(':focus').blur(); 
});

источник

2016-04-08 12:03:38 Midhun

Благодаря dude.blur работал для меня –

JQuery мобильное текстовое поле не теряет фокус

ответ

Смежные вопросы