이벤트

imjingu·2023년 7월 25일
0

개발공부

목록 보기
209/481

이벤트 : 사이트에서 방문자가 취하는 모든 행위
이벤트 핸들러 : 이벤트가 발생했을 때 실행되는 코드

이벤트 등록 메서드 :
이 메서드를 이용하면 방문자가 지정한 요소에서 어떠한 특정 동작이 일어났을 때
저장된 코드를 실행 시키는게 목적

단독 이벤트 등록 메서드
: 대상에 한 가지 동작에 대한 이벤트만 등록 가능

기본형
$('이벤트 대상 등록').이벤트 등록 메서드(function() {
자바스크립트 코드;
})

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <title>Document</title>
    <script>
        

        $(function() {
            $('.btn1').click(function() {
                alert('welcome!');
            })
        });
    </script>
</head>
<body>
    <button class="btn1">버튼</button>
</body>
</html>

0개의 댓글