javascript [필수] -(6)

event 객체

event 객체의 프로퍼티

프로퍼티	브라우저	설 명
data	N	DragDrop 이벤트로 인해 드롭된 객체의 URL이 들어있는 스트링 배열
height, width	N	윈도우나 프레인의 길이와 너비(픽셀표시)
pageX, pageY	N	픽셀로 나타낸 커서의 수평/수직 위치(페이지에서의 상대적위치)
screenX, screenY	N, I.E	픽셀로 나타낸 커서의 수평/수직 위치(화면에서의 상대적 위치)
layerX, layerY	N	픽셀로 나타낸 커서의 수평/수직 위치, 이벤트가 발생한 레이어에 대한 상대적 위치. Resize 이벤트와 함께 사용하면 layerX와 layerY가 이벤트가 타겟으로 하는 객체의 길이와 너비 지정
clientX와 clientY	I.E	픽셀로 나타낸 커서의 수평/수직 위치, 이벤트가 발생한 웹페이지에서의 상대적 위치
offsetX, offsetY	I.E	픽셀로 나타낸 커서의 수평/수직 위치, 이벤트가 발생한 컨테이너에 대한 상대적 위치
X, Y	I.E	픽셀로 나타낸 커서의 수평/수직 위치, 이벤트가 발생한 문서에 대한 상대적 위치
target	N	이벤트가 전송된 원래 객체
srcElement	I.E	이벤트가 전송된 원래 객체
type	N, I.E	발생한 이벤트 유형
which	N	눌려진 마우스 버튼(왼:1, 가:2, 오:3)이나 눌려진 키의 ASCII값
keyCode	I.E	키 누름과 연관된 Unicode 키 코드를 식별
button	I.E	이벤트가 발생했을 때 눌려진 마우스 버튼 식별(0:눌려진버튼없음, 1:왼, 2:오, 4:가)
modifiers	N	마우스나 키 이벤트와 연관된 수정자 키(ALT_MASK,CONTROL_MASK,SHIFT_MASK,META_MASK)를 식별
altkey,ctrlkey,shiftkey	I.E	true나 false로 설정하여 이벤트가 발생했을 때 Alt키와 Control키, Shift 키 중에 어떤 것이 눌려졌는지 알려준다.
cancelBubble	I.E	true나 false로 설정하여 이벤트 버블링을 취소하거나 활성화한다.
fromElement, toElement	I.E	이동 중인 HTML 요소 지정
reason	I.E	데이터 소스 객체에 대한 데이터 전송 상태를 나타내는데 사용
returnValue	I.E	true나 false로 설정하여 이벤트 핸들러의 리턴값을 나타낸다. 이벤트 핸들러에서 true나 false를 리턴하는 것과 같다.
srcFilter	I.E	onfilterchange 이벤트를 시작하는 filter객체 지정

---

screen 객체

screen 객체의 프로퍼티

• height : 사용자의 화면의 현재 높이(픽셀)
• width : 사용자의 화면의 현재 너비(픽셀)
• colorDepth : 사용자의 화면/비디오 카드에서 현재 지원하는 색상당 바이트 수

---

form 객체

• document 객체의 프로퍼티로 액세스되고, form 객체는 문서 안의 폼에 액세스할 수 있도록 해주고, 폼 관련 이벤트에 응답을 할 수 있도록 해주기 때문에 중요하다.

form 객체의 프로퍼티

프로퍼티	설 명
action	<FORM> 태그의 HTML action 속성에 대한 액세스 제공
button	GUI 컨트롤 버튼을 나타내는 객체
checkbox	체크 박스 필드를 나타내는 객체
elements	폼 안에 포함되어 있는 모든 필드와 GUI 컨트롤을 포함하는 배열
encoding	<FORM> 태그의 HTML enctype 속성에 대한 액세스 제공
FileUpload	파일 업로드 폼 필드를 나타내는 객체
hidden	숨겨진 폼 필드를 나타내는 객체
length	elements 배열의 길이에 대한 액세스 제공
method	<FORM> 태그의 HTML method 속성에 대한 액세스 제공
name	폼의 이름 식별
password	패스워드 필드를 나타내는 객체
radio	라디오 버튼 필드를 나타내는 객체
reset	reset 버튼을 나타내는 객체
select	선택 항목 리스트를 나타내는 객체
submit	submit 버튼을 나타내는 객체
target	<FORM> 태그의 HTML target 속성에 대한 액세스 제공
text	텍스트 필드를 나타내는 객체
textarea	텍스트 영역 필드를 나타내는 객체

form 객체의 메소드

메 소 드	설 명
handleEvent()	지정된 이벤트에 대한 폼의 이벤트 핸들러를 호출할 때 사용
submit()	폼을 제출시 사용
reset	폼의 엔트리를 디폴트 값으로 재설정시 사용

form 요소 객체의 프로퍼티

객 체	프로퍼티	설 명
button	name	버튼의 name 속성에 대한 액세스 제공
	type	객체의 유형 지정
	value	객체의 값 지정
checkbox	checked	체크박스가 현재 체크되어 있는지를 식별
	defaultChecked	체크박스가 디폴트로 체크되어 있는지 식별
	name	체크박스의 HTML name 속성에 대한 액세스 제공
	type	객체의 유형 식별
	value	객체의 값 식별
FileUpload	name	객체의 name 속성에 대한 액세스 제공
	type	객체의 type 속성에 대한 액세스 제공
	value	객체의 값 식별
hidden	name	객체의 name 속성에 대한 액세스 제공
	type	객체의 유형 식별
	value	객체의 값 식별
password	defaultChecked	객체의 디폴트 값 식별
	name	객체의 name 속성에 대한 액세스 제공
	type	객체의 유형 식별
	value	객체의 값 식별
radio	checked	라디오 버튼이 체크되어 있는지 식별
	defaultChecked	라디오 버튼이 디폴트로 체크되어 있는지 식별
	name	객체의 name 속성에 대한 액세스 제공
	type	객체의 유형 식별
	value	객체의 값 식별
reset	name	객체의 name 속성에 대한 액세스 제공
	type	객체의 유형 식별
	value	객체의 값 식별
select	length	선택 리스트의 길이 식별
	name	객체의 name 속성에 대한 액세스 제공
	option	선택 리스트가 제공하는 옵션 식별하는 배열
	selectedIndex	선택 리스트 안에서 처음 선택된 옵션 식별
	type	객체의 유형 식별
submit	name	객체의 name 속서에 대한 액세스 제공
	type	객체의 유형 식별
	value	객체의 값 식별
text	defaultValue	텍스트 필드에 나타나는 디폴트 텍스트를 식별
	name	객체의 name 속성에 대한 액세스 제공
	type	객체의 유형 식별
	value	객체의 값 식별
textarea	defaultValue	텍스트 영역 필드에 나타나게 되는 디폴트 텍스트 식별
	name	객체의 name 속성에 대한 액세스 제공
	type	객체의 유형 식별
	value	객체의 값 식별

form 요소 객체의 메소드

객 체	메 소 드	설 명
button	Click()	클릭된 버튼 시뮬레이트
	blur()	포커스 잃음
	focus()	포커스 맞춤
checkbox	Click()	클릭된 체크 박스 시뮬레이트
	blur()	포커스 잃음
	focus()	포커스 맞춤
FileUpload	blur()	포커스 잃음
	focus()	포커스 맞춤
	select()	입력 영역을 선택
hidden	없음
password	blur()	포커스 잃음
	focus()	포커스 맞춤
	select()	패스워드 필드에 나타나는 텍스트를 하이라이트
radio	Click()	라디오 버튼 클릭 시뮬레이트
	blur()	포커스 잃음
	focus()	포커스 맞춤
reset	Click()	리셋 버튼 클릭 시뮬레이트
	blur()	포커스 잃음
	focus()	포커스 맞춤
select	blur()	포커스 잃음
	focus()	포커스 맞춤
submit	Click()	제출 버튼 클릭 시뮬레이트
	blur()	포커스 잃음
	focus()	포커스 맞춤
text	blur()	포커스 잃음
	focus()	포커스 맞춤
	select()	텍스트 필드에 있는 텍스트 하이라이트
textarea	blur()	포커스 잃음
	focus()	포커스 맞춤
	select()	텍스트 영역에 있는 텍스트 하이라이트