JSFiddle - React, Tailwind, and code Playground

by João Vitor Scheuermann

JavaScript

var passwordInput = {
	focused: false,
  keys: [],
  get node () {
  	return document.querySelector('input[type="password"]')
  } 
}

function passwordInputNodeFocus (event) {
	passwordInput.focused = true
}

function passwordInputNodeFocusout (event) {
	passwordInput.focused = false
}

passwordInput.node.addEventListener('focus', passwordInputNodeFocus)
passwordInput.node.addEventListener('focusout', passwordInputNodeFocusout)


function handleDocumentKeydown (event) {
	if (passwordInput.focused) {
		console.log(event)
  }
}

document.addEventListener('keydown', handleDocumentKeydown)