Javascript global onclick listener

Question

Is there a way to register a global onclick listener that will fire anytime an element is clicked? Need to also get the id of that element.

Answer 1

Check this code, I haves used it in my live project for tracking users behaviour.

document.addEventListener('click', (event)=> { 
    console.log('emitting click events');
})

document.addEventListener('dblclick',(event)=>{
    console.log('emitting double click events');
} )

document.addEventListener('contextmenu', (event)=>{
    console.log('emitting right click events');
})

document.addEventListener('mouseenter',(event)=> {
   console.log("mouse enter, hovering started")
})

document.addEventListener('mouseleave', (event)=> {
console.log("hovering finished")
})