JavaScript — событие ввода не работает на мобильных устройствах

Входное событие не работает на мобильных устройствах

Я использую jQuery и мне нужно отфильтровать некоторые данные. На каждом браузере мой код работает так, как я ожидаю. Однако на мобильных устройствах он все скрывает и не работает.

Что я делаю не так? Спасибо за помощь :)

 {amp}lt;form id="region-filter" method="post"{amp}gt; {amp}lt;label{amp}gt; {amp}lt;span{amp}gt;Nach Region suchen:{amp}lt;/span{amp}gt; {amp}lt;input type="text"{amp}gt; {amp}lt;/label{amp}gt; {amp}lt;/form{amp}gt; {amp}lt;div class="gridWrapper"{amp}gt; {amp}lt;?php $regions = rest_api_call('regions.json'); ?{amp}gt; {amp}lt;?php foreach($regions['message']['data'] as $region) : ?{amp}gt; {amp}lt;?php //var_dump($region); ?{amp}gt; {amp}lt;div class="grid grid-ms-1-2 grid-md-1-3 grid-xl-1-4"{amp}gt; {amp}lt;div class="region" data-id="{amp}lt;?php echo $region['id']; ?{amp}gt;"{amp}gt; {amp}lt;div class="check"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div class="city-wrapper" style="background-image: url('{amp}lt;?php echo $region['icon']['svg']; ?{amp}gt;');"{amp}gt; {amp}lt;div class="city-name"{amp}gt; {amp}lt;?php echo $region['name']; ?{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;?php endforeach; ?{amp}gt; {amp}lt;/div{amp}gt; 
 $('#region-filter input').on({ input: function() { let val = $(this).val(); $('.regions .gridWrapper .grid').each(function() { let name = $(this).find('.city-name').text(); let match = name.toLowerCase().indexOf(val); if (match !== -1) { $(this).show(); } else { $(this).hide(); } }); }, keypress: function(e) { let keyCode = e.keyCode || e.which; if (keyCode === 13) { e.preventDefault(); return false; } } }); 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector