목록Javascript (18)

내가 보려고 만든 개발 공부 일지

event 제어와 좌표

1. event 제어 마우스 이벤트가 발생했을때 event 객체에서 화면의 좌표를 가져올수 있는데, clientX, offsetX, pageX, screenX 이렇게 4가지가 있다. 1. clientX, clientY : 현재 보이는 브라우저 화면이 기준이된다. 스크를을 무시하고 지금 보이는 화면의 상단을 0 으로 잡는다. 2. offsetX, offsetY : 이벤트가 발생한 DOM 객체가 기준이된다. 만약 화면 중간에 어떤 div 가 클릭된다면 그 div 의 왼쪽 상단 모서리가 0 이 된다. 3. pageX, pageY : document 전체를 기준으로 삼는다. 스크롤을 포함해서 좌표를 반환한다. 4. screenX, screenY : 사용자의 모니터 화면을 기준으로 좌표를 잡는다. 브라우저 화면이..
Javascript 2021. 7. 2. 02:06
form 태그의 target 속성

form 태그의 target 속성은 submit 후 결과를 어디에 뿌려줄지를 결정한다. _blank, _self, _top, _parent, name 이렇게 5가지 값이 올 수 있다. _self : 현재 창에 결과를 보여준다. (기본값) _blank : 브라우저 새탭에 결과를 보여준다. _top : 브라우저 최상단 창에 결과를 보여준다. (상위 창이 없으면 = _self) _parent : 부모창에 결과를 보여준다. (부모창 없으면 = _self) name : name 속성을 가지고있는 엘리먼트와 값이 같은 엘리먼트에 결과를 보여준다. 예제) html javascript window.open("", "popupName", "width=100, height=100"); document.form.submit..
Javascript 2021. 7. 2. 00:30
Prev 1 2 3 4 5 Next