English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
onfocus 속성은 현재 요소의 focus 이벤트 처리 함수를 가져오거나 설정합니다. 현재 요소가 키보드 포커스를 받으면 focus 이벤트가 트리거됩니다.
입력 필드가 포커스를 받을 때 스크립트 실행:
<!DOCTYPE html>
<html>
<head>
<title>HTML onfocus 이벤트 속성 사용(기본 튜토리얼 웹사이트 oldtoolbag.com)</title>
<script>
function setStyle(x)
{
document.getElementById(x).style.background="yellow";
}
</script>
</head>
<body>
<p>입력 필드가 포커스를 받을 때 setStyle 함수가 트리거됩니다. 이 함수는 입력 필드의 배경색을 변경합니다.</p>
첫 번째 이름: <input type="text" id="fname" onfocus="setStyle(this.id)"><br>
최종 이름: <input type="text" id="lname" onfocus="setStyle(this.id)">
</body>
</html>테스트를 해보세요 ‹/›IEFirefoxOperaChromeSafari
모든 주요 브라우저에서 onfocus 이벤트 속성이 지원됩니다
onfocus 속성은 요소가 포커스를 받을 때 트리거됩니다.
Onfocus는 <input>, <select>, 및 <a>와 함께 사용되는 것이 일반적입니다.
추천:onfocus 속성과 반대되는 속성 이벤트는onblur .
주의: onfocus 속성은 다음 요소에서 사용할 수 없습니다: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 또는 <title>.
없음.
<element onfocus="script">
| 값 | 설명 |
|---|---|
| script | onfocus 이벤트가 트리거될 때 실행되는 스크립트를 정의합니다 |