Event(2)
-
Day76 - [js]event객체 , 이벤트위임
이번에는 java script의 event 객체와 이벤트 위임에 대해서 알아봅시다. event event 객체는, 이벤트가 발생했을 때 ( 예를 들면 클릭 ) 함수가 기본적으로 내장하고 있는 arguments 객체에 event 객체가 포함되어 있습니다. 즉. 함수 안에서 event 객체를 그냥 사용할 수 있습니다. event 객체는 이벤트 관련 기능들이 여러개 있는데, 그 중에서 이벤트가 발생된 곳을 지칭하는 .target 이 있습니다. 위와 같이 있을때, 를 클릭하면, 아래의 태그의 innerHTML 이 바로 삽입이 되게하려면, 해당 태그에 전부 onclick 이벤트를 걸어주고, 클릭된 가 어떤건지 파악한 후, 클릭된 를 에 넣어주면 되겠죠? 이럴 때 사용하는 것이, event.target 입니다. ※..
2021.06.03 -
Day72 - [js]이벤트
이번에는 java script 의 이벤트에 대해서 알아 봅시다. 이벤트 이벤트는 어떠한 동작을 의미 합니다. 예를 들면, 마우스 클릭 같은 것. 이벤트의 종류 이벤트의 종류에는 여러가지가 있지만, 중요한 몇가지와, 사용하는 것만 알고 있으면 됩니다. 보통, click , load , keyup 정도를 많이 사용한다고 해요. 이벤트를 사용할 때는 앞에 on 을 붙여서 사용해주면 됩니다. ex) onclick ※ 이를 이벤트 핸들러 라고 합니다. 이벤트의 모델 이벤트의 모델에는 인라인 모델, 기본 모델, 표준 모델이 있습니다. 인라인 모델 인라인은 태그안에 직접 이벤트를 명시해서 사용하는 방법 입니다. 이렇게, 태그 안에 onclick 을 했을 경우 어떤 함수가 동작을 하도록 해주고, 안에서 함수를 정의 하..
2021.05.30