VPF::Перевести код для мобильного устройства

Voldemar2004

Дата 25.4.2016, 22:23 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1650
Регистрация: 25.12.2004

Репутация: нет
Всего: 23

Код работает в настольных браузерах, на мобильных уже не работает, попробовал перевести события

mousedown === touchstart
mousemove === touchmove
mouseup === touchend

не помогло. Что ещё может быть ?

Код


    var sliderElem = document.getElementById('slider');
    var thumbElem = sliderElem.children[0];
    
    thumbElem.onmousedown = function(e) {
        
      var thumbCoords = getCoords(thumbElem);
      var shiftX = e.pageX - thumbCoords.left;
      var sliderCoords = getCoords(sliderElem);

      document.onmousemove = function(e) {
        var newLeft = e.pageX - shiftX - sliderCoords.left;
      };

      document.onmouseup = function() {
        document.onmousemove = document.onmouseup = null;
      };

    };

    thumbElem.ondragstart = function() {
      return false;
    };

    }

Это сообщение отредактировал(а) Voldemar2004 - 26.4.2016, 16:23

--------------------

i_i
(';')
(V)

user posted image

Voldemar2004

Дата 26.4.2016, 16:21 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1650
Регистрация: 25.12.2004

Репутация: нет
Всего: 23

Определим например iPad, далее по аналогии делаем как для декстоп-приложения (события меняем на ontouch)

Код


    if (/iPad/i.test(navigator.userAgent)) {

        var sliderElem = document.getElementById('slider');
        var thumbElem = sliderElem.children[0];
        thumbElem.ontouchstart = function (e) {
        };

        thumbElem.ontouchend = function (e) {
        };


        thumbElem.ontouchmove = function (e) {
        };
     }

Это сообщение отредактировал(а) Voldemar2004 - 26.4.2016, 16:22

--------------------

i_i
(';')
(V)

user posted image

hrdwrks

Дата 28.4.2016, 00:49 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Модератор: Сообщение скрыто.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »