JavaScript-Klick-Timer
Verwendung eines Klick-Timers in JavaScript, um die Navigation innerhalb unseres Content-Management-Systems abzubrechen oder zu aktivieren
Integraler Bestandteil unseres CMS
Ein großer Teil der Benutzeroberfläche des Content-Management-Systems wurde an die Handhabung von Klicks auf Links angepasst, daher brauchten wir etwas, mit dem wir flexibel arbeiten können.
Wenn Sie in unserem System weniger als eine Sekunde auf einen Link klicken, können Sie den Inhalt um ihn herum bearbeiten. Halten Sie ihn jedoch mindestens eine Sekunde lang gedrückt, und der Link wird verfolgt.
Es verwendet einen Timer und ein Timer-Intervall, um die Zeitdauer zu berechnen, für die auf das Element geklickt wurde.
JavaScript
var clickTimer = 0, clickTimerInterval;document.addEventListener("mousedown", function (event) { clickTimer = 0; clickTimerInterval = setInterval(function () { clickTimer += 1; }, 1000);}, false);document.addEventListener("click", function (event) { event.preventDefault(); if (event.target.tagName.toLowerCase = 'a') { if (clickTimer >= 1) { alert('You held for more than 1 second'); setWindowLocation(event.target); } else { alert('You held for less than 1 second'); } } else { }; clearInterval(parent.clickTimerInterval);}, false);function setWindowLocation(element) { var newUrl = element.toString(); window.location.replace(newUrl);}