رویداد onreset
مثال (رویداد onreset)
اجرا کردن یک تابع جاوااسکریپت هنگامی که یک فرم reset شود:
<form onreset="myFunction()">
Enter name: <input type="text">
<input type="reset">
</form>
Enter name: <input type="text">
<input type="reset">
</form>
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
رویداد onreset هنگامی روی می دهد که یک فرم reset شود.
پشتیبانی مرورگرها
| Event | |||||
|---|---|---|---|---|---|
| onreset | بله | بله | بله | بله | بله |
نحوه استفاده
در HTML:
<element onreset="myScript">امتحان کنید
در جاوااسکریپت:
object.onreset=function(){myScript};امتحان کنید
استفاده از متد addEventListener()، در جاوااسکریپت:
object.addEventListener("reset", myScript);امتحان کنید
متد addEventListener() در Internet Explorer 8 و ورژن های قدیمی تر آن پشتیبانی نمی شود.
جزئیات تکنیکی
| Bubbles: | بله |
|---|---|
| Cancelable: | بله |
| Event type: | Event |
| Supported HTML tags: | <form>, <keygen> |
| DOM Version: | Level 2 Events |
مثال - خودتان امتحان کنید
مثال (رویداد onreset)
نمایش متن وارد شده در یک فیلد متنی قبل از اینکه ریست(reset) شود:
var x = document.getElementById("myInput");
alert("Before reset, the text was: " + x.value);
alert("Before reset, the text was: " + x.value);
خودتان امتحان کنید »
مثال (رویداد onreset)
استفاده از متد reset() که در شیء HTML DOM Form قرار دارد، برای reset کردن فرم. هنگامی که این متد اجرا شود، رویداد onreset اجرا می شود و سپس یک تابع alert اجرا می شود.
// 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");
}
function myResetFunction() {
document.getElementById("myForm").reset();
}
// Alert some text when the form is reset
function myAlertFunction() {
alert("The form was reset");
}
خودتان امتحان کنید »
مرجع کلیه رویدادهای JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 5435
