3.17. [JAVASCRIPT] 이벤트 활용하기

"this" 키워드는 "요소 자신을 가리키는 키워드"입니다. 이벤트를 발생시키는 것은 요소에 이벤트가 발생할 수 있도록 하는 것인데,이벤트가 발생한 요소 자신을 가리키는 키워드가 바로 "this"입니다. 아래 코드는 "마우스오버", "마우스아웃" 동작을 "class"에 부여하는 코드입니다. 여기에서 "this"가 "document.getElementById("wrap")"요소를 대체합니다. document.getElementById("wrap").onmouseover = function(){ this.setAttribute("class", "over"); }; document.getElementById("wrap").onmouseout = function(){ this.setAttribute("class", ""); }; 그 외에도 "@keyframe" 키워드를 사용하여 애니메이션을 부여할 수도 있습니다. 아래 코드는 그림의 투명도를 0.2에서 1까지 3초에 걸쳐 변화하면서 그림이 ...

원문링크 : 3.17. [JAVASCRIPT] 이벤트 활용하기