Вызов нескольких функций при событии click

Question

У меня есть две функции, которые вызывается, когда пользователь нажимает кнопку; во-первых, таймер погаснет, второй начнет записывать расстояние, пройденное мышью. Когда пользователь нажимает на вторую кнопку, таймер и запись останавливаются, а данные добавляются в массивы. Хотя, казалось бы, мой код не работает при попытке вызвать две разные функции во время события click. Кроме того, как я могу сбросить расстояние, которое мышь перемещала в пикселях обратно к нулю снова? Любая помощь будет очень признательна, спасибо!

var c=0; 
var t; 
var timer_is_on=0; 
var timers = new Array(); 
var count = 0; 
var mouseclickPositionList = new Array(); 
var mouseDistance = new Array(); 
var totalTravelled = 0; 
var xTravelled = 0; 
var yTravelled = 0; 
var prevX, prevY, count = 0 
var select = false; 

function printMousePos(e) { 
    var cursorX = e.clientX; 
    var cursorY = e.clientY; 
    prevY && (yTravelled += Math.abs(e.pageY - prevY)); 
    prevX && (xTravelled += Math.abs(e.pageX - prevX)); 

    prevX = e.pageX; 
    prevY = e.pageY; 

    totalTravelled = yTravelled + xTravelled; 
    mouseDistance.push(totalTravelled); 
    prevX, prevY, totalTravelled = 0; 
} 

document.addEventListener("click", function() { 
    printMousePos(); 
    doTimer(); 
} 

function timedCount() { 
    t = setTimeout("timedCount()", 1000); 
} 

function doTimer() { 
    if (!timer_is_on) { 
     timer_is_on = 1; 
     timedCount(); 
    } 
} 

function stopCount() { 
    clearTimeout(t); 
    timer_is_on = 0; 
    timers.push(t); 
} 

Answer 1

Ваша функция printMousePos(e) требует ввода данных для обработки положения мыши. Так просто изменить регистрацию слушателя в эту форму:

document.addEventListener("click", function(e) { 
    //optionally put here code to stop bubbling the event 
    printMousePos(e); 
    doTimer(); 
} 

Если у вас есть ошибки в JS-файла или блока сценария оставшийся код не будет обработан. Ваша функция printMousePos(e) делает это, потому что она работает с входным атрибутом 'e', ​​который не предоставляется. Просто проверьте консоль браузера для идентификации проблемы.