Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
const box = document.querySelector('#box'); box.addEventListener('click', e => { console.log('click at', e.clientX, e.clientY); }); box.addEventListener('dblclick', () => { console.log('double clicked'); }); box.addEventListener('contextmenu', e => { e.preventDefault(); console.log('right-click blocked'); }); box.addEventListener('mouseenter', () => box.classList.add('hover')); box.addEventListener('mouseleave', () => box.classList.remove('hover')); box.addEventListener('mousedown', e => { console.log('button:', e.button); // 0=left, 1=mid, 2=right });
Result
Open