(JavaScript) HTML 요소이벤트

(JavaScript) HTML 요소이벤트

on 속성이벤트

- 모든 태그에는 접두사 on이 붙은 속성이 있다.

- 접두사 on 속성은 자바스크립트와 연계된다.

- 접두사 on 속성은 사용자의 행위에 관련된 속성이다.

- 두개이상 사용 가능

자주 쓰이는 이벤트

onclick : 사용자가 클릭했을 때

난 버튼이 아닌데 버튼 네이버이동 함수연계 function myClick(obj) { console.log([obj]); }

onchange : 사용자의 행위에 의해 값이 변경 되었을 시

:: 값 선택 :: 1 2 3 function myChange(obj) { console.log(obj); console.log(obj.value); }

onblur : 커서 활성화가 없어 졌을 때

function myBlur(obj) { console.log(obj.value); }

onkeyup : 키를 눌렀다가 땠을 경우

function myKey(obj, type) { console.log(obj.value, type); }

Form

- form 태그에 name속성에 값을 지정하면 해당 지정된 값을 윈도우 객체에 등록해준다.

- form의 하위 요소가 있다면 form객체 하위에 등록을 name 키 명칭으로 하위 요소 객체를 등록해준다.

남 여 전송 console.log(myForm); //객체 속성으로 폼 속성 값 지정하기 myForm.action='user.jsp'; console.log(myForm.userName); function myFormFn() { var f = myForm; if(f.userName.value.trim() == ''){ alert('값을 입력 하셔야합니다.'); //focus() -> form 객체에 커서 활성화시 f.userName.focus(); return; } //동일한 name의 값을 가진 객체가 2개 이상 일시 배열로 받아 오게 된다. console.log(f.userGender); var cnt = 0; for(var i=0; i

from http://everyday-com-eat.tistory.com/55 by ccl(A) rewrite - 2021-12-31 19:13:58