Js код не работает на firefox мобильной версии - PullRequest
0 голосов
/ 18 февраля 2020

Мой код Js не работает на firefox мобильном android:

const FsEvent = class {
  called = false;

  constructor() {}

  fullScreenEvent(){
    if(this.called == false){
      var called = false;

      var arrow_left = document.getElementById("arrow-left");
      var arrow_right =document.getElementById("arrow-right");
      var fsButton = document.getElementById("fullScreen");

      arrow_left.parentElement.remove();
      arrow_right.parentElement.remove();
      fsButton.parentElement.remove();

      this.called = true;
    }
    else {
      var arrow_left = document.createElement('img');
      var arrow_right = document.createElement('img');
      var fsButton = document.createElement('img');

      var a1 = document.createElement('a');
      var a2 = document.createElement('a');
      var a3 = document.createElement('a');

      arrow_left.src = base_url + "css/arrow-left.png";
      arrow_right.src = base_url + "css/arrow-right.png";
      fsButton.src = base_url + "css/fs.png";

      arrow_left.id = "arrow-left";
      arrow_right.id = "arrow-right";
      fsButton.id = "fullScreen";

      a1.appendChild(arrow_left);
      a2.appendChild(arrow_right);
      a3.appendChild(fsButton);

      var carrouselControls = document.getElementById('carouselExampleControls');
      carrouselControls.appendChild(a1);
      carrouselControls.appendChild(a2);

      var container = document.getElementsByClassName("container-")[0];
      container.appendChild(a3);

      this.called = false;
    }
  }
}

Здесь я использую его в своем скрипте js:

$(document).ready(function () {
  let fsEvent = new FsEvent();
  $('#arrow-right').click(function(){
    $('.carousel').carousel('next');
  });

  $('#arrow-left').click(function(){
    $('.carousel').carousel('prev');
  });

  $(document).keydown(function(e) {
    if(e.keyCode == "37"){
      $("#arrow-left").click()
    }
    else {
      if(e.keyCode == "39"){
        $("#arrow-right").click()
      }
      else {
        if(e.keyCode == "122"){
          fsEvent.fullScreenEvent();
        }
      }
    }
  });
});

Я попытался прокомментировать этот класс и весь связанный код. И показ событий кнопки на моей веб-странице работал отлично. Но когда я получил этот класс на своей веб-странице, код js вообще не работает в мобильной версии firefox. Но код с классом работает на Opera Mobile и chrome Mobile.

Есть идеи?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...