0
146
Views¿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 answers
Answer question0
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
Report
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
Report
Answer question