728x90 반응형 전체 글220 [자바스크립트] 이벤트리스너를 이용한 마우스오버 함수 // 1. html에 있는 원하고자 하는 부분과 연결한다. const title = document.querySelector("#title"); // 2. 모든 핸들러 함수를 담고 있는 변수를 만들고 거거 안에다 다 만든다. const superEventHandler = { // 3. 여러개의 함수를 만들때에는 꼭 , 를 붙여줄것 mouseOver: function () { title.innerHTML = "The mouse is here!!"; title.style.color = "red"; }, contextmenu: function () { title.innerHTML = "오른쪽 마우스를 클릭하셨어요!"; title.style.color = "blue"; } }; // 4. 이벤트리스너를 사용하여.. 2021. 1. 14. [하루일지] 21년 01월 14일 목요일 오늘 계획 - react 생활코딩 강의 듣고 포스팅하기 - 챌린지 day 4 완료하기 오늘 실행 - 챌린지 day 4 완료하기 2021. 1. 14. [자바스크립트] 배열에서 요소 랜덤으로 출력하기 예시 Coding With Jina 결과 마우스를 올릴 때마다 글자색상이 바뀐다! 2021. 1. 13. [오늘의 삽질] 자바스크립트 - 이벤트리스너 함수 사용 에러 superEventHandler 안에 있는 mouseOver 함수를 사용해야하는데 에러남 생각해보니까 그냥 함수명만 써야하는 게 아니고 superEventHandler 안에 있는 mouseOver 함수니까 superEventHandler.mouseOver 라고 써야함 2021. 1. 13. [자바스크립트] Event의 종류( addEventListener, removeEventListener 메서드) addEventListener으로 등록할 수 있는 이벤트 중 자주 쓰이는 이벤트 목록 이벤트 명 설명 change 변동이 있을 때 click 마우스를 클릭 시 focus 포커스를 얻었을 때 keydown 키보드 아무거나 눌렀을 때 keyup 키보드에서 손을 땟을 때 load 로드가 완료 되었을 때 mousedown 마우스를 클릭 했을 때 mouseout 마우스가 특정 객체 밖으로 나갔을 때 mouseover 마우스가 특정 객체 위로 올려졌을 때 mousemove 마우스가 움직였을 때 mouseleave 마우스가 연결된 요소에서 이동했을 때 mouseup 마우스에서 손을 땟을 때 select option 태그 등에서 선택을 했을 때 resize 화면의 크기가 조정되었을 때 (element를 window로 .. 2021. 1. 13. [자바스크립트] addEventListener() 함수 addEventListener() 함수 - 한 요소에 여러 이벤트가 발생했을 때 이를 동시에 처리하기 위한 함수 - 이벤트가 발생한 요소에 이벤트 처리기를 연결해주는 함수 element.addEventListener(이벤트명, 실행할이벤트리스너, 이벤트전파방식) 1. 이벤트 명 : 이벤트 리스너를 등록할 이벤트 타입을 문자열로 전달 2. 실행할 이벤트 리스너 : 지정된 이벤트가 발생했을 때 실행할 이벤트 리스너를 전달 3. 이벤트 전파 방식 : false면 버블링(bubbling) 방식으로, true면 캡처링(capturing) 방식으로 이벤트를 전파 (디폴드값 false이고 생략가능) [출처] www.tcpschool.com/javascript/js_event_eventListenerRegister -.. 2021. 1. 13. 이전 1 ··· 21 22 23 24 25 26 27 ··· 37 다음 728x90 반응형
