2009/04/22 11:35
RL.C omputer
onBlur 이벤트는 포커스가 벗어나고 나서 바로 다음 이벤트로 이어질 수 있다.
onFocusOut은 포커스가 벗어나는 시점을 다른곳을 클릭했을 때라고 가정하고
어디를 클릭하든지간에 클릭한 곳의 이벤트는 타지 않는다.
예제를 보면
예제용 텍스트 박스에 onBlur 이벤트를 걸었을 경우에
저장 버튼을 누를 경우 저장 버튼의 이벤트를 타서
'예제용 텍스트 박스'라는 문자열이 저장이 된다.
반면 OnFocusOut 이벤트를 걸었을 경우에는
저장 버튼을 눌러도 버튼이 기능을 하지 않는다.
-- 결론.
위와같은 경우에는 저장 버튼이 작동을 해야 하니까
onBlur 이벤트를 사용하자.
덧붙임.
테스트 환경은 IE 6, IE 7 .
onFocusOut은 포커스가 벗어나는 시점을 다른곳을 클릭했을 때라고 가정하고
어디를 클릭하든지간에 클릭한 곳의 이벤트는 타지 않는다.
예제를 보면
예제용 텍스트 박스에 onBlur 이벤트를 걸었을 경우에
저장 버튼을 누를 경우 저장 버튼의 이벤트를 타서
'예제용 텍스트 박스'라는 문자열이 저장이 된다.
반면 OnFocusOut 이벤트를 걸었을 경우에는
저장 버튼을 눌러도 버튼이 기능을 하지 않는다.
-- 결론.
위와같은 경우에는 저장 버튼이 작동을 해야 하니까
onBlur 이벤트를 사용하자.
덧붙임.
테스트 환경은 IE 6, IE 7 .
2009.04.29 덧붙임.
정확히 말하면 onBlur는 실행 후에 포커스가 클릭된 곳으로 옮겨진다.
onFocusOut은 원래 포커싱이 되어있던 곳으로 이벤트 포커스가 돌아간다.
onFocusOut은 다시 커서가 되돌아가는 것은 아니지만
이벤트의 진입점이 기존 개체로 돌아가기 때문에 연속 동작이 불가능하다.
정확히 말하면 onBlur는 실행 후에 포커스가 클릭된 곳으로 옮겨진다.
onFocusOut은 원래 포커싱이 되어있던 곳으로 이벤트 포커스가 돌아간다.
onFocusOut은 다시 커서가 되돌아가는 것은 아니지만
이벤트의 진입점이 기존 개체로 돌아가기 때문에 연속 동작이 불가능하다.
2009.04.22 By RL.C
