JSFiddle - React, Tailwind, and code Playground

by badsyntax

HTML

<a href="#" id="click">click me</a>

JavaScript

// <enter> keypress on links triggers the click mouse event (e.type === 'click')
// How can we determine if the click mouse event was trigger by a keypress?
// We cannot. We need to handle both the click and the keydown events :(

function eventHandler(e) {    
    e.preventDefault();
    console.log(e.type);
}

document.getElementById('click').addEventListener('click', eventHandler, false);
document.getElementById('click').addEventListener('keydown', eventHandler, false);