2013-04-10 90 views
5

這個問題是在移動Safari的iPad IOS6。移動Safari jQuery選擇()焦點輸入不工作

我不想在用戶點擊輸入時自動選擇輸入中的文本。

我有一個在普通瀏覽器的工作原理,例如Chrome瀏覽器的解決方案:

 $(document).ready(function() { 
     //Select text on focus for input 
     $("input:text").focus(focustext); 
    }); 
    function focustext() { 
     var input = $(this); 
     setTimeout(function() { 
      input.select(); 
     },100); 
    } 

但這isn't在Safari移動工作。

我看了一下這幾個線程,例如: Workaround to Webkit[Chrome/Safari] javascript select on focus bug (when using tab between fields) Selecting text on focus using jQuery not working in iPhone iPad Browsers

我已經測試在一個簡單的虛擬建議sollution,但我不能讓任何一個對iPad上運行。 http://kraner.se/customers/test.html

我想爲此得到一個工作溶劑。 有人嗎?

回答

3

我改變了JavaScript來這(如何改變文本的選擇是做以及如何輸入變量):

 $(document).ready(function() { 
     //Select text on focus for input 
     $("input:text").focus(focustext); 
    }); 
    function focustext() { 
     var input = this; 
     setTimeout(function() { 
      input.selectionStart = 0; 
      input.selectionEnd = input.val().length; 
     },100); 
    } 

,現在它可以作爲intented。類型=數字的輸入似乎不起作用。

我已經在iOS6和iOS7上測試了它,並且它也適用於最新的Chrome和Windows 7上的IE瀏覽器。但是,在兼容模式下IE不起作用。

+0

THX;)最後一個工作溶劑! – Turbojohan 2013-10-21 06:22:31

+1

不適用於iPhone 5S .. – whirlwin 2015-11-04 09:35:35

+1

一個小問題,它應該是'input.value.length'而不是'input.val()。length'。 – niftylettuce 2016-07-17 21:25:55