انتقل إلى محتوى الدرس
فقرة فرعية #10 من درس: JS Events

OnChange Event

ستتعلم في هذا الدرس ال JavaScript Events وكيفة كتابتها واين تكتب ولماذا تستخدم مع لغة ال JavaScript

1 صفوف تعليمية
جافا سكريبت
5,399 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
يقع حدث onchange عندما يتم تغيير قيمة العنصر.
  • بالنسبة للأزرار radio buttons  وخانات الاختيار checkbox ، يقع حدث onchange عندما يتم تغيير الحالة المحددة. 
  • هذا الحدث مشابه لحدث oninput. الفرق هو أن حدث oninput يحدث فورًا بعد تغيير قيمة العنصر ، بينما يحدث التغيير عندما ينتقل التركيز من علي العنصر ، بعد تغيير المحتوى.
  • الاختلاف الآخر هو أن حدث onchange يعمل أيضًا على عناصر <select>.


Syntax

HTML
object.onchange = function()
{
Java_Script
};

Example

HTML
<!DOCTYPE html>
<html>
<body>
<p>Manipulate the entire text in the form based on the onchange for functionality.</p>
Input_Text <input type="txt1" name="txt2" value="Welcome" onchange="func_v(this.value)">
<script>
function func_v(val)
{
alert("Input_val_got_changed for transformation to manipulate: " + val);
}
</script>
</body>
</html>