2013-04-10 11 views
5

この問題はモバイルSafariのiPad IOS6にあります。モバイルサファリフォーカス入力のselect()が機能しません

ユーザーが入力をクリックしたときに入力内のテキストが自動的に選択されないようにしました。

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

しかし、モバイル版Safariでの作業このisn't:

私はクロームのように、通常のブラウザで動作するソリューションを持っています。私がテストしている 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で仕事を得るcan't:

私は、例えばこれについて、いくつかのスレッドを、読みました。 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として今では動作します。 type = numberの入力はうまくいかないようです。

私はこれをiOS6とiOS7でテストしましたが、最新のChromeとWindows 7のIEでも動作します。ただし、コンプライアンスモードのIEは動作しません。

+0

THX;)最後に、作業中の解決策! – Turbojohan

+1

iPhone 5Sでは動作しません。 – whirlwin

+1

小さな問題の1つは、 'input.val()。length'ではなく' input.value.length'です。 – niftylettuce

関連する問題