¿Cómo detecto el evento cuando toco una entrada?
Tengo un formulario donde tengo 5 entradas. Necesito agregar una clase de ccs que cambie el color de la etiqueta cuando el usuario cambia de una entrada a otra por pestaña
const InputGroup = function () { const greating = function (e) { console.log(e.target.value); console.log("only clicked"); }; return ( <div className="input-group-with-icons"> <label htmlFor="name" className="form-label"> Name: </label> <div className="input-group"> <span className="input-group-text iconify" id="basic-addon1" data-icon="carbon:string-text" data-width="50" data-height="50"></span> <input type="text" className="form-control" placeholder="Name" aria-label="name" aria-describedby="basic-addon1" name="name" onClick={greating} /> </div> </div> ); }; export default InputGroup;No puedo encontrar una manera de detectar el evento de pestaña
Puede usar el evento de focus para detectar el enfoque en Javascript:
<input type="text" onfocus={focusinhandler} onfocusout={focusouthandler} /> Si su objetivo es cambiar el estilo, puede usar el selector de :focus en CSS:
.input-group-text.iconify:focus { // Colour Change }que se aplica cuando un elemento gana el foco.