JavaScript - 문제 미리보기

문제 749

medium
실시간 검색 기능 구현에 대한 문제입니다. 다음 실시간 검색 기능 코드에서 빈칸에 들어갈 올바른 이벤트는 무엇인가요? ```javascript function showHint(str) { if (str.length == 0) { document.getElementById("txtHint").innerHTML = ""; return; } // AJAX 코드... } ```
A. onclick
B. onchange
C. onkeyup
D. onload

정답: C

실시간 검색 기능에서는 사용자가 키보드를 누를 때마다 즉시 서버에 요청을 보내야 하므로 `onkeyup` 이벤트를 사용합니다. `onclick`은 클릭할 때만, `onchange`는 포커스가 벗어날 때만 실행되어 실시간 효과를 낼 수 없습니다. `onkeyup`을 사용하면 사용자가 타이핑할 때마다 함수가 호출되어 즉시 검색 결과를 보여줄 수 있습니다.

💡 학습 팁

이 문제를 포함한 JavaScript 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.