>웹 프론트엔드 >JS 튜토리얼 >자바스크립트에서 포커스란 무엇인가요?

자바스크립트에서 포커스란 무엇인가요?

青灯夜游
青灯夜游원래의
2021-10-25 15:54:092428검색

JavaScript에서 포커스는 관심 영역, 즉 현재 커서가 활성화되어 있는 위치입니다. 페이지 화면에서 깜박이는 작은 수직선은 웹 페이지의 컨트롤이 선택되어 작동할 수 있음을 나타냅니다. focus() 메소드를 통해 얻을 수 있습니다. Focus, Blur() 메소드를 통해 포커스를 제거합니다.

자바스크립트에서 포커스란 무엇인가요?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

자바스크립트에서 포커스란 무엇인가요?

JavaScript에서 포커스는 관심 영역, 즉 현재 커서가 활성화된 위치입니다. 페이지 화면에서 깜박이는 작은 수직선은 웹 페이지의 특정 컨트롤이 선택되어 있음을 나타냅니다. 수술이 가능합니다. 마우스를 클릭하여 커서를 가져오면, Tab 키를 누르면 설정된 Tabindex에 따라 포커스가 전환됩니다.

예를 들어 텍스트 상자에 포커스가 있으면 키보드에서 입력하는 문자가 텍스트 상자에 직접 입력됩니다. 예를 들어 드롭다운 목록 상자에 포커스가 있으면 키보드의 아래쪽 화살표를 누르면 목록이 나옵니다. 또한 프로그램에는 포커스를 얻었을 때 발생하는 이벤트(gotfocus()), 포커스를 잃었을 때 발생하는 이벤트(lostfocus()) 및 컨트롤에 포커스를 설정하는 메서드(setfocus())가 있습니다. 포커스를 잘 활용하면 프로그램이 매우 사용자 친화적인 것처럼 보일 수 있습니다.

초점을 획득하고 활동 인터페이스 및 시각적 컨트롤 등을 포함하여 영역에 영향을 미칠 수 있으며 해당 영역에서 자동으로 작업(예: 스크롤 및 애니메이션)을 수행하거나 특정 논리적 이벤트가 발생할 수 있도록 할 수 있습니다. 또한 초점이 맞춰진 영역을 얻기 위해 클릭 이벤트와 동작을 수동으로 실행해야 합니다. 이 영역(활동 인터페이스, 컨트롤 등)에 기능과 응답이 있는지 여부는 포커스 획득 여부에 따라 다릅니다.

포커스 획득 및 포커스 제거를 위한 JavaScript 방법:

JavaScript는 포커스( ) 메서드 Focus, Blur() 메서드를 통해 포커스를 제거합니다.

포커스 가져오기:

focus() 메서드는 체크박스에 포커스를 주는 데 사용됩니다.

구문: ​​

checkboxObject.focus()

포커스 손실:

blur() 메서드는 라디오 버튼에서 포커스를 제거하는 데 사용됩니다.

구문;

radioObject.blur()

예:

다음 예는 라디오 버튼에 포커스를 설정하거나 제거할 수 있습니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function setFocus() {
document.getElementById(&#39;check1&#39;).focus()
}
function loseFocus() {
document.getElementById(&#39;check1&#39;).blur()
}
</script>
</head>
<body>
<form>
<input type="text" id="check1" />
<br /><br />
<input type="button" onclick="setFocus()" value="获取焦点" />
<input type="button" onclick="loseFocus()" value="移开焦点" />
</form>
</body>
</html>

렌더링:

자바스크립트에서 포커스란 무엇인가요?

[권장 학습: javascript 고급 튜토리얼]

위 내용은 자바스크립트에서 포커스란 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.