Гибридное мобильное приложение jQuery на iOS - невозможно ввести текст с <input> с первой попытки

Question

Гибридное мобильное приложение jQuery на iOS - невозможно ввести текст с <input> с первой попытки

0

Я создаю приложение iOS с помощью JQM, все работает отлично с приведенным ниже кодом

                <div class="middleView">
                    <div id="searchBarWrapper">
                        <input autocapitalize="off" autocomplete="off" autocorrect="off" data-mini="true" id="searchBox" placeholder="enter item code" spellcheck="false" title="Search" type="text" value="">
                        <div id="itemSearchIcon"></div>
                    </div>
                    <br>
                    <img id="orImage" src="images/dashboard_or.png">
                    <div id="barcodeText">BAR CODE</div>
                    <a data-role="button" data-shadow="false" data-theme="none" href="#" id="barCodeButton"><img id="barcodebutton" src="images/dashboard_barcode.png"></a>
                </div>

Я хотел изменить текст ключа возврата для поиска, поэтому я сделал это,

   <form data-ajax="false" id="itemLookUpForm">
                    <div class="middleView">
                        <div id="searchBarWrapper">
                            <input autocapitalize="off" autocomplete="off" autocorrect="off" data-mini="true" id="searchBox" placeholder="enter item code" spellcheck="false" title="Search" type="text" value="">
                            <div id="itemSearchIcon"></div>
                        </div>
                        <br>
                        <img id="orImage" src="images/dashboard_or.png">
                        <div id="barcodeText">BAR CODE</div>
                        <a data-role="button" data-shadow="false" data-theme="none" href="#" id="barCodeButton"><img id="barcodebutton" src="images/dashboard_barcode.png"></a>
                    </div>
                    </form>

Это мой js-контент

$("#itemLookUpForm").submit( function (event) {
  goToItemDetails();
    event.preventDefault();
} );

$("#searchBox").keyup(function(event) {
    if(event.keyCode == 13)
     {
        goToItemDetails();
     }
});

Теперь я не могу вводить текст с первой попытки, но когда я снова нажимаю на ввод текста, курсор видимый, и я могу ввести текст - все это происходит только на iOS 7.0, все в порядке в iOS 6.0. Я видел это и это, но это ни к чему не привело. Любая помощь приветствуется.

satheeshwaran 21 фев. 2014, в 09:40

Источник

Теги:

javascript

jquery

ios

jquery-mobile

1 ответ

Ещё вопросы

Jero · Answer 1 · 2014-02-21T06-22-00.000Z

$("#searchBox").change(function(event) {
    if(event.keyCode == 13)
     {
        goToItemDetails();
     }
});