События на экране Buildfire, не работающие на IOS, отлично подходят для Android и предварительного просмотра

#javascript #jquery #ios #event-handling #buildfire

Вопрос:

Я отредактировал руководство по медиацентру, чтобы иметь возможность поиска. Он работает в режиме предварительного просмотра на телефоне Android и в браузере. Однако мой клиент говорит мне, что это не работает на iOS (Apple). У меня нет телефона Apple, поэтому я хотел бы проверить эту область.

Клиент говорит мне, что это просто не работает, поэтому я предполагаю, что это связано с событиями.

Ниже приведен код:

startfilter() находится в а <script> в <head> , и я знаю, что это работает. Все , что он делает, — это вызывает руководство по медиацентру по умолчанию refreshItems() , поэтому предположим, что это console.log("Hello World"); пока.

 function startfilter(){
    console.log("Hello World");
}
 

=========

В <body> :

 <input id="audiosearchtext" type="search" />
<button id="searchbtn">Search</button>
 

В <Script> после Тела

 $("#audiosearchtext").on('keypress', function(e) {
    
      var keyCode = e.which || e.keyCode;
      if (keyCode === 13) { 
        e.preventDefault();
            startfilter();
        return false;
      }
});
$("#searchbtn").bind("click vclick tap", function(e) {
    startfilter();
});
 

===============

Я использую только jquery и javascript. Я думаю, что руководство по медиацентру Buildfire по умолчанию имеет значение Angular, но я едва прикоснулся к нему

Комментарии:

1. добавьте тег используемой вами технологии (реакция, флаттер и т. Д.?)

2. только jquery и javascript. Я думаю, что руководство по медиацентру Buildfire по умолчанию имеет значение Angular, но я едва прикасаюсь к нему

Ответ №1:

Ваш опубликованный код отлично работает на iOS. должно быть, что-то еще не работает.

Приведенный ниже фрагмент работает нормально. вы можете использовать его как widget.html и попросите всех, у кого есть iOS, отправить вам то, что они видят.

     <html>
    <script
      src="https://code.jquery.com/jquery-3.6.0.min.js"
      integrity="sha256-/xUj 3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
      crossorigin="anonymous"></script>
    <body style="margin-top:50px">
    <input id="audiosearchtext" type="search" />
    <button id="searchbtn">Search</button>
    <p id="result">
      Keys:
    </p>
    </body>
    <script>
    function startfilter(){
      document.getElementById("result").innerHTML  = "Enter Recieved"   "<br/>";
    }
    $("#audiosearchtext").on('keypress', function(e) {
          var keyCode = e.which || e.keyCode;
          document.getElementById("result").innerHTML  = keyCode   "<br/>";
          if (keyCode === 13) {
            startfilter();
            e.preventDefault();
            return false;
          }
    });
    $("#searchbtn").bind("click vclick tap", function(e) {
        startfilter();
    });
    </script>
    </html>