Menu

TOP Notice Topic Cord self-introduction Guide Lines

Manage

Login
Cord > Study_Web 전체 다운로드
파일 목록
Study_Web > 이후/practice9-1.html Lines 28 | 785 바이트
다운로드 

                        <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.onblur = funcion(e) {
            document.body.style.backgroundColor = "lightgray";
        }
        window.onfocus = function (e) {
            document.body.style.backgroundColor = "white";
        }
    </script>
</head>

<body>
    <h3>포커스와 onblur,onfocus</h3>
    <p>
        브라우저 바깥 마우스를 클릭하면
        윈도 객체에 blur 이벤트가 발생하고
        다시 마우스를 클릭하면
        윈도 객체에 focus 이벤트가 발생
</body>

</html>