Por ejemplo, tengo un campo de entrada, así que ingresé 100000 en ese texto. Al ingresar el valor, estoy tratando de formatear 100,000. así que si trato de cambiar el valor a 100,200, el cursor se movió automáticamente al final del cuadro de texto, así que probé alguna solución pero crearé otro problema.
He probado esta solución, creará un problema como
el cursor detrás de un dígito antes.
const element = event.target; window.requestAnimationFrame(() => { element.selectionStart = caretStart; element.selectionEnd = caretStart; }); const formatValue = (value: string) => { const isDecimalExist = value.split('.'); if (isDecimalExist.length === 2 && props.decimalPlaces) { const formatedValue = `${isDecimalExist[0].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')}.${ isDecimalExist[1] }`; return formatedValue; } else { return (value || '') .split('.')[0] .toString() .replace(/\B(?=(\d{3})+(?!\d))/g, ','); } };