0

Здравствуйте.

Столкнулся с очень странной для меня ситуацией: подключил js файл с обработчиками ajax к файлу index.html, на ПК полностью работает всё, а вот захожу с телефона и не работает. Проверял на поддержку скрипта, вставлял js-код из файла напрямую в index.html - всё работает как на телефоне, так и на ПК.

<script type="text/javascript" src="/js/obrphp.js"></script>

Это код подключения js файла, который размещен внутри <head> в index.html.

Подскажите пожалуйста, с чем может связана данная проблема?

Проблема в этом коде:

document.addEventListener('DOMContentLoaded', e => { //Поиск людей
  document.querySelector('#txtsearchobch').addEventListener('keydown', function(e){
    if('key' in e) {
      if(e.key.toLowerCase() !== 'enter') {
        return;
      }
    } else {
      if(e.keyCode !== 13) {
        return;
      }
    }
      var txtsearchobch = $("#txtsearchobch").val();
      window.location.replace('?search='+ txtsearchobch +'#searchus');

  });
});
6
  • Если найдется желание повозиться, можете попробовать вот эту штучку vorlonjs.com. А вообще, смущает, что используется type="text/javascript". Если doctype html5, то стоит убрать тип, но, сомневаюсь что проблема в этом. И конечно же, проблема может быть в самом телефоне, в браузере, который используется и т.д.
    – olegatro
    13 авг 2016 в 23:52
  • @ИванПшеницын проблема находиться в самой первой строке кода 13 авг 2016 в 23:56
  • @СашаОсипов уверены что стрелочная функция поддерживается?
    – olegatro
    13 авг 2016 в 23:58
  • я вижу проблему: e => { синтаксис, который весьма слабо поддерживается. если у вас нет библиотек трансформации - нужно переписать. 13 авг 2016 в 23:58
  • 1
    @ИванПшеницын согласен, babel не зря писали.
    – olegatro
    13 авг 2016 в 23:59

1 ответ 1

4

Судя по всему, проблема в использовании нового синтаксиса из стандарта ECMAScript 6, а именно - "стрелочные функции" (arrow functions):

document.addEventListener('DOMContentLoaded', e => { //Поиск людей
    ...
});

Лучше использовать кроссбраузерный вариант

document.addEventListener('DOMContentLoaded', function(e){ //Поиск людей
    ...
});

Подробную таблицу с описанием поддержки стандарта ECMAScript 6 для браузеров и платформ можно найти здесь: http://kangax.github.io/compat-table/es6/

Если хочется пользоваться именно новым синтаксисом - нужно использовать один из доступных компиляторов из ES6 в ES5 (traceur,babel).

1
  • Огромное спасибо, а то я уже замучался с этим) 14 авг 2016 в 0:02

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.