반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- date
- 문자열
- Array
- CMD
- windows
- CSS
- list
- Java
- 테이블
- string
- Maven
- Files
- Visual Studio Code
- vscode
- 배열
- js
- Eclipse
- json
- ArrayList
- 인텔리제이
- html
- Button
- 자바스크립트
- table
- 이탈리아
- IntelliJ
- input
- 이클립스
- 자바
- javascript
Archives
- Today
- Total
어제 오늘 내일
[Javascript] 이벤트 한번만 실행되도록 하기 본문
Javascript에서 이벤트가 한번만 실행되도록 하는 방법을 정리합니다.
등록된 이벤트가 한번만 실행되도록 하기 위해서는
addEventListener() 함수를 사용하여 이벤트를 등록할 때 once 옵션을 추가해 줍니다.
addEventListener()의 once 옵션 사용하기
<input type='button'
id='my_btn'
value='이 버튼은 한번만 실행됩니다' />
const my_btn = document.getElementById('my_btn');
my_btn.addEventListener('click', () => {
alert('안녕하세요!!');
}, { once : true});
버튼을 클릭했을 때, 한번만 동작하도록 하기 위해
addEventListener() 메소드의 3번째 파라미터로
{ once : true } 인 객체를 전달하였습니다.
반응형
'IT > Javascript' 카테고리의 다른 글
[Javascript] 마우스 클릭 좌표 (screenX, clientX, pageX, offsetX) (0) | 2021.01.18 |
---|---|
[Javascript] 키보드 이벤트(keyboard event) 종류 (0) | 2021.01.17 |
[Javascript] 이벤트 추가, 제거하기 (0) | 2021.01.17 |
[Javascript] 마우스 이벤트(event) 종류 (0) | 2021.01.16 |
[Javascript] 숫자를 문자로 변환하는 4가지 방법 (1) | 2021.01.16 |
Comments