Javascript ( 문서 객체 이벤트 )

⭐Javascript ( 문서 객체 이벤트 )

📕이벤트 연결

형태

document.addEventListener('이벤트의 이름', 호출할 함수 정의)

호출할 함수를 이벤트 리스너/핸들러 라고 한다

h1 태그를 클릭하면 횟수가 올라가는 예제를 만들겠다

header.style.userSelect = 'none' 은 클릭 할 때마다 글자가 선택되는 것이

불편하여서, 저 코드를 쓰면 글자가 선택되지 않는다

위와 같은 예제를 써서 이벤트 제거 버튼을 누르면 사라지고

연결 버튼을 누르면 나오는 예제를 만들어보자

이벤트 연결 버튼을 누르면 h1태그를 눌렀을 때 숫자가 올라가고,

이벤트 해제 버튼을 누르면 h1태그를 눌러도 숫자가 올라가지 않는다

이 문제에 관하여(Javascript ( 문서 객체 이벤트 )), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@qnrl3442/Javascript-문서-객체-이벤트

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다