onreset 이벤트
예시
양식이 재설정될 때 JavaScript를 실행합니다.
<form onreset="myFunction()">
Enter name: <input type="text">
<input type="reset">
</form>
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
onreset 이벤트는 양식이 재설정될 때 발생합니다.
브라우저 지원
Event | |||||
---|---|---|---|---|---|
onreset | Yes | Yes | Yes | Yes | Yes |
통사론
HTML:
<element onreset="myScript">
자바스크립트:
object.onreset = function(){myScript};
JavaScript에서 addEventListener() 메서드를 사용하여 다음을 수행합니다.
object.addEventListener("reset", myScript);
참고: addEventListener () 메서드는 Internet Explorer 8 및 이전 버전에서 지원되지 않습니다.
기술적 세부 사항
거품: | 네 |
---|---|
취소 가능: | 네 |
이벤트 유형: | 이벤트 |
지원되는 HTML 태그: | <형태> |
DOM 버전: | 레벨 2 이벤트 |
더 많은 예
예시
재설정되기 전에 텍스트 필드에 삽입된 텍스트를 표시합니다.
var x = document.getElementById("myInput");
alert("Before reset, the text was: " + x.value);
예시
HTML DOM 양식 개체의 reset() 메서드를 사용하여 양식을 재설정합니다. 이 경우 onreset 이벤트가 발생하여 경고 기능을 트리거합니다.
// Reset the value of all elements in a form with id="myForm"
function myResetFunction() {
document.getElementById("myForm").reset();
}
// Alert some text when the form is reset
function myAlertFunction() {
alert("The form was reset");
}