JQuery移動文本字段不失去重點

我是新來的JQuery移動和Cordova.I創建了一個簡單的Cordova應用程序與JQuery移動具有一個簡單的文本字段和無線電輸入的形式。但是，當我注意到一個問題，當應用程序當我鍵入一些文本並單擊單選按鈕時運行，我注意到焦點仍然在文本輸入上。如果沒有使用JQuery移動，焦點將從文本輸入中刪除。我知道JQuery移動添加了一些默認值樣式到這些表單元素。當我選擇單選按鈕時，我不希望焦點在文本字段中。請幫助我解決這個問題。下面給出了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>

移動視圖的屏幕截圖如下所示。

這裏在上面的圖片你可以看到Android鍵盤不關閉，甚至如果我選擇單選按鈕列表中的元素。

來源

2016-02-08 Kiran Muralee

嘗試此

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

它手動刪除焦點從TextArea或textInput當輸入類型的無線電被觸摸。

或試試這個

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

來源

2016-04-08 12:03:38 Midhun

感謝dude.blur爲我工作 –

JQuery移動文本字段不失去重點

回答

相關問題