<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p id="p">마우스를 올려 보세요</p>
<button onclick="f(event)">클릭하세요</button><!--이벤트 리스너-->
<script>
function f(e){
alert(e.type);
}
//p태그에 마우스가 over될 때 f함수 등록
document.getElementById("p").onmouseover = f;
</script>
</body>
</html>'Javascript' 카테고리의 다른 글
| 비동기 지옥 콜백함수 / promise (0) | 2020.12.07 |
|---|---|
| 이벤트의 디폴트 행동 취소, preventDefault().html (0) | 2020.03.18 |
| DOM 객체의 이벤트 리스너 프로퍼티에 작성.html (0) | 2020.03.17 |
| div 태그의 DOM 객체 동적 생성.html (0) | 2020.03.17 |
| open()과 close().html (0) | 2020.03.17 |
