![]()
우리가 만든 웹페이지에 동적인 역할을 부여하기 위해서는 여러가지 Event에 대한 이해와 사용능력이 필요하다.수많은 Event들 중에서 가장 기본적인 Mouse events를 알아보자. Mouse event의 종류는 위와 같다. (출처: https://developer.mozilla.org/en-US/docs/Web/Events#Mouse_events) auxclick: 이 이벤트는 마우스 왼쪽버튼을 제외한 다른 버튼을 클릭했을 때 작동한다. 오른쪽 버튼, 휠버튼, 다른 매크로 버튼 등이 이 이벤트를 작동시킨다. click: 마우스 좌클릭에 의해 작동된다. contextmenu: 마우스 우클릭 시 나오는 context menu가 사용자의 화면에 보여지기 전에 작동된다. dblclick: 더블 클릭시 작동..
javascript에서 특정 태그, id, class를 가진 element에 접근하고 싶다면 어떻게 해야할까?querySelector(), querySelectorAll() 메소드를 통해서 특정한 element에 접근이 가능하다. See the Pen querySelectorAll() Example by EBEL21 (@ebel21) on CodePen. 위의 예제는 querySelectorAll() 함수를 이용해 특정 element의 색을 빨강색으로 바꾸는 예제이다. 첫 번째 input text에는 바꾸고 싶은 element의 tag, class, id의 이름을, 두 번째 input text에는 tag, class, id등 어떤 속성인지를 구분해 써준다. ex) A / tag, B / class que..
