JSFiddle - React, Tailwind, and code Playground

by Salmin Skenderovic

HTML

<form>
  <input type="text">
  
  
  
  
  <button>submit</button>
</form>

JavaScript

const form = document.querySelector('form')
form.addEventListener('submit', e => {
  e.preventDefault()
})

form.addEventListener('change', e => {
  console.log('change')
})





document.addEventListener('keydown', (e) => e.key === 'Enter' && this.handleEnterPress(e), true);
/* document.addEventListener('keyup', (e) => e.key === 'Enter' && this.handleEnterPress(e), true); */
/* document.addEventListener('keypress', (e) => e.key === 'Enter' && this.handleEnterPress(e), true); */


function handleEnterPress(e) {
  e.preventDefault();
  e.stopPropagation();
  if (e.target && 'form' in e.target && e.target.form) {
    (e.target).form.requestSubmit();
    const event = new Event('change');
    form.dispatchEvent(event);
  }
}