onreset 이벤트

DOM 이벤트 Event 객체

정의와 사용법

양식을 재설정할 때 onreset 이벤트가 발생합니다.

예제

예제 1

양식을 재설정할 때 제이쿼리를 실행합니다:

<form onreset="myFunction()">
  이름 입력: <input type="text">
  <input type="reset">
</form>

본인이 직접 시도해 보세요

예제 2

Insert text field text displayed before reset:

var x = document.getElementById("myInput");
alert("Before reset, the text was: " + x.value);

본인이 직접 시도해 보세요

예제 3

HTML DOM 양식 객체의 reset() 메서드를 사용하여 양식을 재설정합니다. 이 경우 onreset 이벤트가 발생하며, alert 함수가 호출됩니다.

// id="myForm"의 양식에서 모든 요소의 값을 재설정합니다
function myResetFunction() {
  document.getElementById("myForm").reset();
}
// 양식을 재설정할 때 텍스트를 표시합니다
function myAlertFunction() {
  alert("The form was reset");
}

본인이 직접 시도해 보세요

문법

HTML에서:

<element onreset="myScript">

본인이 직접 시도해 보세요

제이쿼리에서:

object.onreset = function(){myScript};

본인이 직접 시도해 보세요

제이쿼리에서 addEventListener() 메서드를 사용하여:

object.addEventListener("reset", myScript);

본인이 직접 시도해 보세요

주석:인터넷 익스플로러 8 이상 버전에서 지원하지 않습니다 addEventListener() 메서드.

기술 세부 사항

버블: 지원
취소 가능: 지원
이벤트 유형: Event
지원되는 HTML 태그: <form>
DOM 버전: 레벨 2 이벤트

브라우저 지원

이벤트 크롬 IE 파이어폭스 사파리 오페라
onreset 지원 지원 지원 지원 지원
DOM 이벤트 Event 객체