From b202e48719ce93a3e8db289ecb5eddd382fc0c5a Mon Sep 17 00:00:00 2001 From: Bo Yeon Ihn Date: Sat, 24 Sep 2022 11:52:33 +0900 Subject: [PATCH] =?UTF-8?q?Part=202=204.2=20=ED=8F=BC=EA=B3=BC=20=ED=8F=BC?= =?UTF-8?q?=20=EC=A1=B0=EC=9E=91=20focus=EC=99=80=20blur=20=EC=B1=95?= =?UTF-8?q?=ED=84=B0=20=EB=B2=88=EC=97=AD=20=EB=88=84=EB=9D=BD=20=EC=9E=91?= =?UTF-8?q?=EC=97=85=20(#1548)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 2-ui/4-forms-controls/2-focus-blur/article.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/2-ui/4-forms-controls/2-focus-blur/article.md b/2-ui/4-forms-controls/2-focus-blur/article.md index 5ccf706e97..538fae7284 100644 --- a/2-ui/4-forms-controls/2-focus-blur/article.md +++ b/2-ui/4-forms-controls/2-focus-blur/article.md @@ -90,17 +90,17 @@ 여기서 주의해야 할 점은 `onblur`는 요소가 포커스를 잃고 난 *후*에 발생하기 때문에 `onblur` 안에서 `event.preventDefault()`를 호출해 포커스를 잃게 하는걸 '막을 수 없다'라는 사실입니다. -```warn header="JavaScript-initiated focus loss" -A focus loss can occur for many reasons. +```warn header="자바스크립트로 인한 포커스 해제" +포커스 해제가 일어나는 이유는 다양합니다. -One of them is when the visitor clicks somewhere else. But also JavaScript itself may cause it, for instance: +그중 하나는 사용자가 다른 곳을 클릭했을 때입니다. 하지만 자바스크립트 자체가 포커스 해제를 일으킬 수도 있습니다. 몇 가지 예시를 들어보겠습니다. -- An `alert` moves focus to itself, so it causes the focus loss at the element (`blur` event), and when the `alert` is dismissed, the focus comes back (`focus` event). -- If an element is removed from DOM, then it also causes the focus loss. If it is reinserted later, then the focus doesn't return. +- `alert`는 포커스를 자신에게 이동시키기 때문에 요소가 포커스를 잃게 되고(`blur` 이벤트), `alert` 창이 취소되었을 때 포커스를 다시 기존 요소로 돌려놓습니다(`focus` 이벤트). +- 해당 요소가 DOM에서 삭제되었을 때도 포커스 해제가 일어납니다. 나중에 요소를 DOM에 다시 삽입해도 포커스는 돌아오지 않습니다. -These features sometimes cause `focus/blur` handlers to misbehave -- to trigger when they are not needed. +이러한 특징으로 인해 가끔 `focus`와 `blur` 핸들러가 필요 없을 때 트리거 할 수 있습니다. -The best recipe is to be careful when using these events. If we want to track user-initiated focus-loss, then we should avoid causing it ourselves. +최선의 방안은 이런 이벤트를 사용할 때 주의하는 것입니다. 사용자의 포커스 해제를 추적하고 싶다면 웹 페이지 자체가 포커스 해제를 일으키지 않아야 합니다. ``` ## tabindex를 사용해서 모든 요소 포커스 하기