반응형
addEventListener 는 해당 태그에 이벤트를 부여 할 떄 사용하는 메소드이다.
addEventListener("click", function(event){});
function은 기본적으로 이벤트 인자를 받을 수 있다.
이벤트.target.value 를 하면 해당 태그의 value 값을 가져올 수 있다.
click 이벤트 말고도 다른 모든 이벤트들을 사용 할 수 있다.
<!DOCTYPE html>
<html>
<body>
<button id="btn" value="123">Click me</button>
</body>
<script>
button.addEventListener("click", function(event){
alert(event.target.value);
});
</script>
</html>반응형
'Develop > JavaScript' 카테고리의 다른 글
| 자바스크립트 - join (0) | 2022.07.11 |
|---|---|
| JavaScript - 비구조화 할당 (0) | 2022.06.28 |
| 자바스크립트 소수점 처리 ( 올림, 버림, 반올림 ) (0) | 2022.06.24 |
| JavaScript - fetch , async / await 사용법 (0) | 2022.03.16 |
| JavaScript - 백틱 <`> 에서 변수 사용방법 (0) | 2022.02.06 |