반응형 java6 [JS] addEventListener addEventListener() document의 특정요소event를 등록할 때 사용합니다. [ 자주 사용하는 이벤트의 종류 ] click – 마우스버튼을 클릭하고 버튼에서 손가락을 떼면 발생한다. mouseover – 마우스를 HTML요소 위에 올리면 발생한다. mouseout – 마우스가 HTML요소 밖으로 벗어날 때 발생한다. mousedown – 클릭을 하기 위해 마우스버튼을 누르고 아직 떼기 전인 그 순간, HTML요소를 드래그할 때 사용할 수 있다. mouseup – 마우스버튼을 떼는 그 순간, 드래그한 HTML요소를 어딘가에 놓을 때 사용할 수 있다. mousemove – 마우스가 움직일때마다 발생한다. 마우스커서의 현재 위치를 계속 기록하는 것에 사용할 수 있다. focus – HTML요.. 2023. 10. 22. [JS] querySelector querySelector함수를 이용해서 html에 있는 요소를 불러올 수 있다. [js] const searchEl = document.querySelector('.search') const searchInputEl = searchEl.querySelector('input') // 검색창 요소를 클릭하면 실행. searchEl.addEventListener('click', function () { searchInputEl.focus() }) // 검색창 요소 내부 실제 input 요소에 포커스되면 실행. searchInputEl.addEventListener('focus', function () { searchEl.classList.add('focused') searchInputEl.setAttribut.. 2023. 10. 22. 이전 1 2 다음 반응형