자바스크립트11 Javascript 이벤트 버블링, 위임 target과 currentTarget의 차이 자바스크립트 이벤트의 동작 javascript의 이벤트는 브라우저 상에서 사용자와 상호작용을 통해 제어되는 동작들을 통칭한다. 이벤트 등록 자바스크립트에서는 이벤트 리스너를 통해 사용자의 특정 동작과 그 특정 동작이 발생했을 때 발생시킬 이벤트를 함수로 표현한다. window.onload = function () { alert("Hello World"); };위 함수는 window가 load 되었을 때 다음 함수를 실행시킨다. var div = document.querySelector('div'); div.addEventListener('click', function(){ console.log("hi"); });위 함수는 div가 클릭되었을 때 콘솔창에 “hi”를 입력시킨다... 2019. 8. 22. Javascript Transition Event 제어 자바스크립트를 통해 CSS 애니메이션을 제어하는 방법에 대해 알아보자. 먼저 다음과 같은 엘리먼트가 있다고 생각해 보자. 아래 e.clientX 와 e.cilentY에는 현재 클릭한 윈도우 상의 좌표값을 반환한다. const box= document.querySelector('box'); window.addEventListener("click, function(e){ console.log(e.clientX, e.clientY); box.style.transform = 'translate(' +e.clientX + 'px,' + e.clientY + 'px)'; }); 여기서 만약 box를 position:absolute로 띄우지 않으면 이 window가 가지는 마진값에 영향을 받기 때문에, 정확히 내가 .. 2019. 8. 21. 이전 1 2 다음