الفرق بين المراجعتين لصفحة: «jQuery/change»
Kinan-mawed (نقاش | مساهمات) لا ملخص تعديل |
Kinan-mawed (نقاش | مساهمات) لا ملخص تعديل |
||
| سطر 22: | سطر 22: | ||
يُعدُّ هذا التّابع اختصارًا للتابع <code>.on( "change", handler )</code> في أول شكلين له، وللتّابع <code>.trigger( "change" )</code> في شكله الثّالث. | يُعدُّ هذا التّابع اختصارًا للتابع <code>.on( "change", handler )</code> في أول شكلين له، وللتّابع <code>.trigger( "change" )</code> في شكله الثّالث. | ||
يُرسَل الحدث <code>change</code> إلى العنصر عندما تتغيّر قيمته، ويكون هذا الحدث محدودًا لعناصر <code>[[HTML/input|<input>]]</code>، و <code>[[HTML/textarea|<textarea>]]</code>، و <code>[[HTML/select|<select>]]</code>. يُطلَق هذا الحدث مباشرةً بالنسبة لمربّعات الاختيار ومربّعات التأشير وأزرار الانتقاء (radio buttons) عندما يختار المستخدم عن طريق الفأرة، ولكن يُؤجَّل بالنسبة لأنواع العناصر الأخرى حتى يفقد العنصر التركيز عنه | يُرسَل الحدث <code>change</code> إلى العنصر عندما تتغيّر قيمته، ويكون هذا الحدث محدودًا لعناصر <code>[[HTML/input|<input>]]</code>، و <code>[[HTML/textarea|<textarea>]]</code>، و <code>[[HTML/select|<select>]]</code>. يُطلَق هذا الحدث مباشرةً بالنسبة لمربّعات الاختيار ومربّعات التأشير وأزرار الانتقاء (radio buttons) عندما يختار المستخدم عن طريق الفأرة، ولكن يُؤجَّل بالنسبة لأنواع العناصر الأخرى حتى يفقد العنصر التركيز عنه. | ||
لنأخذ مثال HTML التالي:<syntaxhighlight lang="html"> | |||
<form> | |||
<input class="target" type="text" value="Field 1"> | |||
<select class="target"> | |||
<option value="option1" selected="selected">الخيار 1</option> | |||
<option value="option2">الخيار 2</option> | |||
</select> | |||
</form> | |||
<div id="other"> | |||
إطلاق معالج الحدث | |||
</div> | |||
</syntaxhighlight>يُمكِن ربط مُعالِج الحدث إلى عنصر <code>[[HTML/input|<input>]]</code> ومربّع الاختيار: | |||
مراجعة 16:36، 22 مايو 2018
.change( handler )
القيمة المعادة
كائن jQuery.
الوصف
يُستخدَم التابع .change() في ربط مُعالِج الأحداث (event handler) لتغيير حدث JavaScript أو إطلاق هذا الحدث على عنصر ما.
.change( handler )
أضيفت في الإصدار: 1.0.
handler
دالة على الشكل Function( Event eventObject )، وتُمثِّل الدالة التي ستُنفَّذ في كل مرة يُطلَق فيها الحدث.
.change( [eventData ], handler )
أضيفت في الإصدار: 1.4.3.
eventData
أي شيء (وهو نوع افتراضي مُستخدَم في jQuery للإشارة إلى إمكانيّة استخدام أي نوع)، ويُمثِّل كائن يحتوي على البيانات التي ستُمرَّر إلى مُعالِج الأحداث.
handler
دالة على الشكل Function( Event eventObject )، وتُمثِّل الدالة التي ستُنفَّذ في كل مرة يُطلَق فيها الحدث.
.change()
أضيفت في الإصدار: 1.0.
لا يقبل هذا الشكل من التّابع أيّة وسائط.
يُعدُّ هذا التّابع اختصارًا للتابع .on( "change", handler ) في أول شكلين له، وللتّابع .trigger( "change" ) في شكله الثّالث.
يُرسَل الحدث change إلى العنصر عندما تتغيّر قيمته، ويكون هذا الحدث محدودًا لعناصر <input>، و <textarea>، و <select>. يُطلَق هذا الحدث مباشرةً بالنسبة لمربّعات الاختيار ومربّعات التأشير وأزرار الانتقاء (radio buttons) عندما يختار المستخدم عن طريق الفأرة، ولكن يُؤجَّل بالنسبة لأنواع العناصر الأخرى حتى يفقد العنصر التركيز عنه.
لنأخذ مثال HTML التالي:
<form>
<input class="target" type="text" value="Field 1">
<select class="target">
<option value="option1" selected="selected">الخيار 1</option>
<option value="option2">الخيار 2</option>
</select>
</form>
<div id="other">
إطلاق معالج الحدث
</div>
يُمكِن ربط مُعالِج الحدث إلى عنصر <input> ومربّع الاختيار: