doubleClickHandler - handles double-click events on elements

doubleClickHandler.js

/**
 * Handles the click event to detect single or double clicks.
 * @param {MouseEvent} event - The click event object.
 */
function doubleClickHandler(event) {
  const target = event.target;

  if (new Date().getTime() - (target._lastTouch || 0) > 500) {
    // Not a double click
    target._lastTouch = new Date().getTime();
    event.preventDefault();
  } else {
    // A double click
    // Default event will proceed, do additional stuff here
  }
}

// Attach the click event listener to the element with the ID 'doubleclick'
document.getElementById('doubleclick').addEventListener('click', doubleClickHandler);