Answers for "how to disable click event on a div with css"

disable click css

.avoid-clicks {
  pointer-events: none;
}

disable div click

// To disable:    
document.getElementById('id').style.pointerEvents = 'none';
// To re-enable:
document.getElementById('id').style.pointerEvents = 'auto'; 
// Use '' if you want to allow CSS rules to set the value