유블로그

이벤트 설명 onclick 마우스로 element 클릭 했을 때 ondbclick 마우스로 element 더블 클릭 했을 때 onmouseup 마우스로 element에서 마우스 버튼 올렸을 때 onmousedown 마우스로 element에서 마우스 버튼 눌렀을 때 onmouseenter 마우스를 움직여서 elemetn 밖에서 안으로 들어올 때 onmouseleave 마우스를 움직여서 elemetn 안에서 밖으로 나갈 때 onkeypress 키가 눌러졌을 때 onkeydown 키보드를 누르는 순간 onkeyup 키가 올려질 때 onsubmit form이 전송될 때 onreset 입력 form이 reset될 때 onblur input과 같은 요소 등에서 입력 포커스가 다른 곳으로 이동할 때 onfocus i..

초기 화면 + document.getElementById("div1").style.color = "orange"; 이런 식으로 간단하게 style 을 줄 수도 있다.

id, name, 태그이름, class 등으로 dom element들을 검색할 수 있다. content1 content2 content3 content4

Window 객체는 웹 브라우저에서 작동하는 자바스크립트의 최상위 전역객체 윈도우 객체는 브라우저와 관련된 여러 객체와 속성, 함수가 있다. document.~~ 할 때 쓰는 document 객체도 window 객체가 가지고 있는 객체이다. alert(), confirm(), prompt() 모두 window객체를 사용하는 것 window.open(파일경로, 윈도우이름, 'width, height') 으로 새 창 열 수 있다.

1. form 태그 내에 함수 return 값 주기 확인 2. form 태그 내에 id 주고 script 내에서 .addEventListener과 이벤트객체 e 사용 확인

a 태그를 클릭했을 때 href 로 링크이동을 막는 예시로 하겠다. 1. onclick 에 return false 링크 2 2. onclick에서 return 함수; 하고 함수에서 return false 링크 3 3. window가 가지고있던 이벤트객체로 .preventDefault() 함수 호출 링크 4 4. id를 사용하여 addEventListener과 이벤트 객체 e 사용 링크 5

선택자로 탐색한 DOM 객체는 래퍼세트라는 배열 객체로 반환된다. 아래는 그 객체를 처리하는 method들이다. 메소드 반환값 설명 size() 요소 개수 래퍼세트 요소 개수 반환 get(index) DOM 요소 인덱스 번호에 위치하는 DOM객체 반환 index(element) 인덱스 번호 해당 요소의 인덱스 번호 반환 add(expr) 래퍼세트 expr 로 명시한 요소 래퍼세트에 추가 not(expr) 래퍼세트 expr 로 명시한 요소 래퍼세트에서 제거 each(function(index, element) 이전 래퍼세트 래퍼세트의 각 요소마다 function 수행 filter(expr) 래퍼세트 expr에 명시한 요소 필터링 slice(begin, end) 래퍼세트 현재 래퍼세트의 일부분으로 새로운 래..