1

Здравствуйте. Есть тестовая страница.

Если "захватить" дни недели и повертеть вправо/влево - будет происходить горизонтальная прокрутка. Но в Edge и IE11 этого не происходит, хотя ошибок в консоле нет.

Сам скрипт:

document.onmousedown = function(e) {

    if (e.which != 1) {return;}

    var elem = e.target.closest('#scroll-div');

    if (!elem) return; // не нашли, клик вне draggable-объекта

    $(elem).addClass('moving');

    // запомнить переносимый объект
    dragObject.elem = elem;

    // запомнить координаты, с которых начат перенос объекта
    dragObject.downX = e.pageX;
    dragObject.downY = e.pageY;
    dragObject.moveX = 0;
    dragObject.scrollLeft = elem.scrollLeft;
};

// Сдвигаем на нужную позицию
document.onmousemove = function(e) {
    if (!dragObject.elem) return; // элемент не зажат
    dragObject.elem.scrollLeft = dragObject.scrollLeft - (e.pageX - dragObject.downX);
};

document.onmouseup = function(e) {
    $(dragObject.elem).removeClass('moving');
    dragObject = {};
};

Подскажите, пожалуйста, в чем может быть проблема? Плюс почему-то в вышеупомянутых браузеров странно показывается td с текстом "Итого"...

7
  • А на closest не ругается ? caniuse.com/#search=closest. Попробуйте заменить этот кусок кода на аналог с jquery
    – alexoander
    20 апр 2017 в 13:48
  • Думаю вы правы. На closest в EDGE выругался. Заменил на var elem = $(e.target).closest('#scroll-div');. Перестало везде работать 20 апр 2017 в 14:01
  • Вау, я полагал что должно решить проблему, а не усугубить ее =) Тут есть вот такая вот "деталь". "В Internet Explorer у объекта window.event для этого есть свойство srcElement, в остальных браузерах, работающих по рекомендациям W3C, для этого используется event.target." Взять с javascript.ru/tutorial/events/properties
    – alexoander
    20 апр 2017 в 14:07
  • Попробуйте использовать проверку на e.target типа "var t = event.target || event.srcElement"
    – alexoander
    20 апр 2017 в 14:08
  • Во вторых (совет) - раз вы уже используете jquery, то используйте его везде. Или же перепишите все на простой JS. А то получается и так и так =)
    – alexoander
    20 апр 2017 в 14:10

1 ответ 1

2

А на closest не ругается ? CanIUSe. Попробуйте заменить этот кусок кода на аналог с jquery.

Также тут есть вот такая вот "деталь". "В Internet Explorer у объекта window.event для этого есть свойство srcElement, в остальных браузерах, работающих по рекомендациям W3C, для этого используется event.target." Взято с javascript.ru

И потому стоит заменить на что-то такое var t = event.target || event.srcElement

Набросал пример. Вроде сработало https://jsfiddle.net/pm82od59/

1

Ваш ответ

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

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