포커스()
자바스크립트 focus() 메소드는 HTML 양식 요소를 강조 표시하는 데 도움이 됩니다. 요소를 현재 문서의 활성 요소로 설정합니다. 현재 문서에서 초점 하나의 단일 요소에만 적용할 수 있습니다. 포커스는 텍스트, 버튼 등에 적용할 수 있습니다.
구문
element.focus(options);
예시
다음 예에서 처음에는 "Tutorialspoint "는 'focus'라는 id로 앵커 태그 'a'에 있습니다. 나중에 DOM 메서드와 focus()를 사용하여 id가 호출되는 함수가 선언됩니다. 방법이 적용되어 "Tutorialspoint" 텍스트의 색상을 빨간색으로 변경합니다. 여기에서 버튼은 클릭 이벤트에 사용됩니다.
<html>
<head>
<style>
a:focus, a:active {
color: red;
}
</style>
</head>
<body>
<a href="https://www.tutorialspoint.com/" id="focus">Tutorialspoint</a>
<input type="button" value="getfocus" onclick="getfo()">
<script>
function getfo() {
document.getElementById("focus").focus();
}
</script>
</body>
</html> 위의 코드를 실행하면 다음 이미지가 화면에 표시됩니다.
포커스 얻기 버튼을 클릭하면 다음과 같은 결과가 나타납니다.
출력
