JSFiddle - React, Tailwind, and code Playground

by JakobJingleheimer

HTML

<form id="myForm">
    <button onclick="alert(this.name);" type="button" name="myButton">My Button!!</button>
</form>

JavaScript

var form = document.getElementById('myForm');

form.on('focus', 'button', function( focusEvent (
  { // when a button within the form is in focus aka "highlighted" or "active"
    var button = this;
    button.on('keydown', function( keydownEvent )
    {
      if ( keydownEvent.keyCode == 32 )
      { // spacebar was pressed
        button.trigger('click');
      }
    });
  }
);