분류 전체보기296 addEventListenr 서식에 맞춰 마우스 클릭 매쏘드 1. 구글 마우스를 클릭해서 소스를 찾는다. 해당 소스 위치에 아이디를 부여한다. 예로 id='googleLogo' 를 넣었다 2. document.getElementByid('googleLogo') 를 치면 해당 문구를 불러올 수 있다. 3.구글에서 'adEventListener'를 검색해서 해당 소스를 구한다. 5. 서식에 맞춰서 수정해서 넣는다 document.getElementById('googleLogo').addEventListener("click", function(){ alert('hello welcome'); 6.클릭하면 완성이 되어 있다 }); 2022. 11. 3. 버튼 이벤트를 만드는 객체 완성 function 액티베이트와 function 인엑티베이트를 만들어 정리 2022. 10. 30. 이벤트를 위임하는 방법 menu 엄마를 찾는다. css에 넣는다. 시각적으로 확인하려고 백그라운드를 옐로우그린으로 했다. .menu { background : yellowgreen; 스크립트에 다음 세 줄의 코드를 넣으니 var menu =document.querySelector('.menu'); function clickHandler() { console.log(this) ; } menu.addEventListener('click', clickHandler); 이벤트 객체 ; e.currentTarget 두 번째 방법을 써 보자. e로 마우스무브를 캐취하는 방법이다. e.currentTarget으로 마우스무브 정보를 알 수 있다. 발생한 이벤트에 대한 많은 정보를 가리킨다. 어느 위치인지, 클릭한 애가 누구인지, 마우스 무브.. 2022. 10. 30. [이벤트]버튼 누르면 색 변환 버튼을 누르면 색을 변하게 해보자. 그런데 단점이 있다. 누르면 오렌지 색에서 다시 다저스블루 색으로 돌아와야 하는데 그렇게 되지 않는다. 삭제 후 변환하는 방법 액티브메뉴를 콕 찝어 변환하는 방법. 근데 단점이 있다. 돔에 스크립트를 넣은 건 속도가 늦춰질 염려가 있다. 2022. 10. 30. 이전 1 ··· 49 50 51 52 53 54 55 ··· 74 다음
