За последние 24 часа нас посетили 23049 программистов и 1702 робота. Сейчас ищут 1682 программиста ...

Определить путь пройденный курсором

Тема в разделе "JavaScript и AJAX", создана пользователем AlexandrS, 17 июл 2018.

  1. AlexandrS

    AlexandrS Активный пользователь

    С нами с:
    30 сен 2017
    Сообщения:
    659
    Симпатии:
    103
    Адрес:
    Краснодар
    Можно рассчитать путь который прошел курсор на странице?
    Например открыл пользователь страницу и стал елозить курсором по странице, можно определить длину пути, сколько он так надвигал?
     
  2. виталий032

    виталий032 Активный пользователь

    С нами с:
    31 янв 2014
    Сообщения:
    227
    Симпатии:
    30
    Адрес:
    Владивосток
    Там в ответах есть ссылка на jsfiddle. Думаю ты найдешь. Только расстояние накапливается когда зажимаешь ЛКМ или ПКМ. Для считывания сразу после старта думаю надо убрать блок mousedown, mouseup и в самом начале select в true определить https://stackoverflow.com/questions...-mouse-move-distance-from-specify-offset?lq=1
     
    AlexandrS нравится это.
  3. AlexandrS

    AlexandrS Активный пользователь

    С нами с:
    30 сен 2017
    Сообщения:
    659
    Симпатии:
    103
    Адрес:
    Краснодар
    Большое СПАСИБО!
     
  4. AlexandrS

    AlexandrS Активный пользователь

    С нами с:
    30 сен 2017
    Сообщения:
    659
    Симпатии:
    103
    Адрес:
    Краснодар
    Вот поправил вышло то, что нужно:

    HTML:
    1. <div id="result"></div>
    Код (Javascript):
    1. var xTravelled = 0, yTravelled = 0, prevX, prevY;
    2. $(document).on({
    3.     mousemove : function(e) {
    4.  
    5.             prevY && (yTravelled += Math.abs(e.pageY - prevY));
    6.             prevX && (xTravelled += Math.abs(e.pageX - prevX));
    7.          
    8.             prevX = e.pageX;
    9.             prevY = e.pageY;
    10.          
    11.             $('#result').text(yTravelled + xTravelled);
    12.  
    13.     }
    14. });
     
  5. TeslaFeo

    TeslaFeo Старожил

    С нами с:
    9 мар 2016
    Сообщения:
    2.984
    Симпатии:
    759
  6. voral

    voral Активный пользователь

    С нами с:
    30 ноя 2017
    Сообщения:
    646
    Симпатии:
    104
    Ясен пень для фитнес-треккера. Считать сколько калорий за день сжег двигая мышкой. :)
     
  7. AlexandrS

    AlexandrS Активный пользователь

    С нами с:
    30 сен 2017
    Сообщения:
    659
    Симпатии:
    103
    Адрес:
    Краснодар
    Просто интересно! :)