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 that you have read and understand our privacy policy and code of conduct.

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