• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>jQuery Event</title>
7
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
8
    <script>
9
        $(function() {
10
            $("ul a").on("click", function(event) { // <ul>요소의 자식 요소 중 모든 <a>요소를 클릭했을 때,
11
                event.preventDefault();             // <a>요소의 클릭시 기본 동작인 링크의 작동을 중지시킴.
12
                $("#text").append("이 링크는 동작하지 않습니다!<br>");
13
            });
14
        });
15
    </script>
16
</head>
17
​
18
<body>
19
​
20
    <h1>이벤트 핸들러의 직접 등록</h1>
21
    <ul>
22
        <li><a href="/html/intro">HTML</a></li>
23
        <li><a href="/css/intro">CSS</a></li>
24
    </ul>
25
    <p id="text"></p>
26
27
</body>
28
​
29
</html>