onAbort | onReset | onSubmit
Language/JAVASCRIPT 2010. 5. 10. 15:16< onAbort 예 >
<img name="coffeepot" src="coffeepot.gif" width="61" height="63" border="0" alt="coffeepot.gif" onAbort="return confirm(‘그림 다운로드를 중단하겠습니까?’)></p>
< onReset | onSubmit 예 >
<html>
<head>
<title>onsubmit-onreset</title>
</head>
<body>
<form name="oform" onSubmit="return confirm('폼을 제출할까요')" onReset="return confirm('폼을 초기화 할까요?')">
<p> id : <input type=" text" name="idtext" value="guest">
<p>password: <input type="text" name="passwordtext" value="guest"></p>
<p><input type="submit" name="submitbutton" value="보내기">
<input type="reset" name="resetbutton"></p>
</form>
</body>
</html>
<form name="oform" onSubmit="return confirm('폼을 제출할까요')" onReset="return confirm('폼을 초기화 할까요?')">
보내기 버튼을 클릭하면 submit 이벤트가 발생하여 폼을 제출할 것인가를 묻는 대화상자가 나타나는데 "예"를 선택하면 폼이 제출되고 그렇지 않으면 폼은 제출되지 않는데 이 이벤트는 폼을 제출하기 전에 폼의 유효성을 확인하기 위해 많이 사용된다.
"원래대로(reset)"버튼을 클릭하면 reset 이벤트가 발생하고 폼을 초기화할 것인가를 묻는 대화상자가 나타나는데 "예"를 선택하면 폼이 초기화되고 "취소"를 선택하면 폼은 초기화가 되지 않는다.
[출처] onAbort | onReset | onSubmit|작성자 해피캐빈
'Language > JAVASCRIPT' 카테고리의 다른 글
| onMouseDown | onMouseUp | onMOuseOver | onMouseOut (0) | 2010.05.10 |
|---|---|
| onMouseMove (0) | 2010.05.10 |
| 키코드 (keyCode) (0) | 2010.05.10 |
| 이벤트 정의와 사용 (0) | 2010.05.10 |
| getElementById, getElementsByName, getElementsByTagName (0) | 2010.05.10 |