Ajaxライブ検索がタッチスクリーン電話で機能していない

Question

私はウェブサイトでajaxライブ検索を実装しました。すべてのブラウザで機能しますが、タッチスクリーンに関しては結果は表示されません。タッチイベントは検出されていないと思いますコードによってそれでも、私のいくつかは、ネット上で検索すると、私はdo.Hereに私のコードであり、任意のヘルプは、私はあなたにもタッチをサポートしているあなたのスクリプトを作るためにtouchendイベントが必要であることを信じて

 $(document).ready(function() { 

     $("#search").keyup(function (e){ 

      var inp = String.fromCharCode(e.keyCode); 

      if (/[a-zA-Z0-9-_ ]/.test(inp)) { 

       $.ajax({ 

        url: '/search.php', 

        type: 'POST', 

        data: "keyword=" + $(this).val(), 

        success: function (data) { 

         data = $.parseJSON(data); 

         if (data['response'] == true) { 

          $("#search_results").html(data['html']).show(); 

         } else { 

          alert("Please try again."); 

         } 

        } 

       }); 

      } 

     }); 



     function hide_search_results(e) { 

      var container = $("#search_results"); 

      if (!container.is(e.target) && container.has(e.target).length === 0) { 

       window.displayBoxIndex = -1; 

       container.hide(); 

      } 

     } 



     $(document).mouseup(function (e) { 

      hide_search_results(e); 

     }); 

    }); 

Answer 1

を理解されるだろうか見当もつかない画面。

.keyup()の代わりに.on()という2つのイベントを使用してください。

$('#search').on('touchend keyup', function(e) { 
    ... 
}); 

代わりにあなたの代わりにtouchendのinputイベントを使用することができます。