2

JQM 1.3、JQ 1.9.1、Android 2-4、および主に Motorola デバイスでこの奇妙な問題が発生しますが、一部の HTC ではレプリケートできます。

最初に、このコードはほとんどのモバイル ブラウザーで動作するように思われることを前置きさせてください。

コードは、ページ内の標準の JQM コンテンツ div にあります。

<div style="width:80%; max-width:800px; text-align:center;">
    <!-- First Name -->
    <label for="txty" class="ui-hidden-accessible">First Name</label>
    <asp:TextBox ID="txty" runat="server" datafield="FirstName" collectInfo="true" CssClass="" Columns="50" placeholder="First Name"></asp:TextBox>

    <!-- Last Name -->
    <label for="txtx" class="ui-hidden-accessible">Last Name</label>
    <asp:TextBox ID="txtx" runat="server" datafield="LastName" collectInfo="true" CssClass="" Columns="50" placeholder="Last Name"></asp:TextBox>

    ..// more fields

    <!-- BUTTONS -->
    <button data-role="button" id="btnSubmit" name="btnSubmit" data-icon="alert" class="btn"><span>Submit</span></button>
    <button data-role="button" id="clear" name="clear" class="clear btn" data-icon="alert"><span>Clear</span></button>

</div>

結果（フォームが見えるように拡大しています）：

ここに画像の説明を入力

問題：

** 注: ユーザーがスクロールしてテキストボックスにテキストを入力しようとしない限り、ページに以下のエラーは表示されません**

ユーザーがスクロールして入力をタップすると、入力が 2 つの場所に表示されます...

ここに画像の説明を入力

ありがとう！

4

1 に答える 1

3

これについて何日も検索した後、私はここに投稿し、その後すぐに答えを見つけました.

これは、Jellybean の内部 Android ブラウザの既知の問題です。

ソース: https://code.google.com/p/android/issues/detail?can=2&start=0&num=100&q=&colspec=ID%20Type%20Status%20Owner%20Summary%20Stars&groupby=&sort=&id=30964

いくつかのトレードオフを伴う回避策があります。テキスト領域をスクロールできなくなるなどの問題がありますが、この問題がある場合は、これが適切な回避策です。

回避策は、これをメインの CSS ファイルに追加することです。

/* 
Prevents a bug in Android 4.0-4.1 that duplicates text inputs onFocus ANDROID BUG# 30964
Link to Bug Tracker: http://j.mp/YhydH6
Remove when no longer needed...
*/

input {
-webkit-user-modify: read-write-plaintext-only;
}
于 2013-03-08T21:46:45.647 に答える