Svelte - on: 블러 이벤트 후에만 입력 화재 시 핸들러 변경

Svelte - on: 블러 이벤트 후에만 입력 화재 시 핸들러 변경

사용자 지정 입력 필드를 만들었습니다:

<div class="field-wrapper">
  <input
    title={passwordError[$language]}
    name="password"
    on:change={e => updatePasswordError(password.length < 8)}
    bind:value={password}
    placeholder="Password"
    type="password" />
  <div style={`opacity: ${passwordError.show ? 1 : 0}`}>
    {passwordError[$language]}
  </div>
</div>

암호 변수는 파일 맨 위에 null로 시작됩니다. 내 문제는 온:체인지 핸들러가 모든 새로운 캐릭터로 발화하는 것이 아니라 처음 캐릭터와 필드를 떠난 후에만 발화한다는 것이다(그래서 온 블러 이벤트). 그래서 내가 뭘 잘못했지? 내 목표는 에러 메시지가 정확한 길이를 가진 후 사라지는 것이다.

도와 주셔서 감사해요.

---

시도해 보십시오:

<div class="field-wrapper">
  <input
    title={passwordError[$language]}
    name="password"
    on:keyup={e => updatePasswordError(password.length < 8)}
    bind:value={password}
    placeholder="Password"
    type="password" />
  <div style={`opacity: ${passwordError.show ? 1 : 0}`}>
    {passwordError[$language]}
  </div>
</div>

여기 입력은 이 입력 안에 있는 어떤 키를 누를 때마다 함수를 호출해야 한다

---

값 변경에 관한 함수를 호출하고 싶은 경우 사용해야 합니다.

<script>
$:updatePasswordError(password.length < 8)
</script>