события в javascript

document.querySelector('#video').addEventListener('click', function() { 
  console.log('click'); 
}); 
 
document.querySelector('#video').addEventListener('dblclick', function() { 
  console.log('dblclick'); 
});

#video { 
  border: 1px solid red; 
  height: 50px; 
  width: 50px; 
}

<div id="video"></div>

document.querySelector('#video').addEventListener('click', xorClick); 
 
var pendingClick = 0; 
 
function xorClick(e) { 
  // kill any pending single clicks 
  if (pendingClick) { 
    clearTimeout(pendingClick); 
    pendingClick = 0; 
  } 
 
  switch (e.detail) { 
    case 1: 
      pendingClick = setTimeout(function() { 
        console.log('single click action here'); 
      }, 500); // should match OS multi-click speed 
      break; 
    case 2: 
      console.log('double click action here'); 
      break; 
    default: 
      console.log('higher multi-click actions can be added as needed'); 
      break; 
  } 
}

#video { 
  border: 1px solid red; 
  height: 50px; 
  width: 50px; 
}

<div id="video"></div>