십진수를 추적하는 동안 입력이 변경되면 html-Input-value를 독일어 형식의 숫자로 표시합니다.

Question

그래서 독일 십진수는 십진수 쉼표를 사용합니다. 서식을 지정할 때 마침표를 사용하여 숫자를 그룹화하기도 합니다. 따라서 숫자 10000.45는 10.000,45로 형식이 지정됩니다.

이제 마침표와 쉼표를 사용하여 "독일어" 방식으로 입력할 수 있는 입력 필드(숫자 또는 텍스트)가 필요합니다. 그러나 JavaScript에서 "정상" 값도 추적하고 싶습니다.

다음 명령을 사용하여 숫자 값을 독일어 형식의 값으로 쉽게 변환하세요

으아악

그런데 어떻게 십진수로 되돌릴 수 있나요? 왜냐하면 "7,20"과 같은 독일어 형식으로 값을 표시할 때 끝에 추가하기 때문이죠. 그렇죠?

이것은 아래와 같이 svelte-repl의 초기 시도입니다. https://svelte.dev/repl/fabd0a80f4ee49509cd875c0175bcf22?version=4.0.1

으아악

이상적으로는 입력 이벤트에 형식화된 값을 표시하고 싶습니다. 그러나 변경 시 이벤트에도 나타날 수 있습니다. 아니면 옆면에 있는 버튼을 사용해도 됩니다. 어떤 조언이라도 대단히 감사하겠습니다! :)

Answer 1

사용자 입력을 건드리지 않는 것이 좋습니다. 즉, 사용자의 의도를 방해하지 않도록 input 事件处理程序中设置 formattedValue 。如果您想很好地设置数字格式，请在第一次显示组件时执行此操作，并在模糊이 작업을 수행하지 마세요.

사용자 입력 시 특정 형식을 실제로 적용하려면 커서 위치, 숫자 기호, 명확한 값 및 기타 요소를 고려해야 하기 때문에 간단하지 않습니다. imask와 같이 이를 달성할 수 있는 라이브러리도 있습니다.