0
147
Vistas¿Cómo usar onDoubleClick en MUI TextField?
Quiero seleccionar el texto en el campo de entrada cada vez que el usuario haga doble clic en el campo de entrada, he creado una función para esto que es,
export const selectText = ( event: React.MouseEvent<HTMLInputElement | HTMLTextAreaElement, MouseEvent> ): void => { event.currentTarget.select(); }; Pero cómo lo uso en el campo de texto mui, no hay accesorios para onDoubleClick en la documentación de mui. Yo simplemente envío un apoyo
<TextField id={id} name={name} value={value} onDoubleClick={selectText} />me sale este error
(Estoy tratando de seleccionar números con doble clic, no texto).
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Puede adjuntarlo en inputProps al elemento de input nativo (que se representa dentro de TextField ).
<TextField id={id} name={name} value={value} inputProps={{ onDoubleClick: selectText }} />
·
Juan Pablo Isaza
Denunciar
0
Si desea saber cuándo el usuario hace doble clic:
<TextField onDoubleClick={() => console.log('double click')} />Si solo desea hacer doble clic sin tener que escuchar el evento de un solo clic:
<TextField onClick={(e) => e.detail === 2 && console.log('double click only')} />Demo en vivo
·
Juan Pablo Isaza
Denunciar
Responde la pregunta