ستوضح هذه المقالة طريقة تعطيل زر HTML في JavaScript.
كيفية تعطيل زر HTML باستخدام JavaScript؟
لتعطيل زر HTML باستخدام JavaScript ، استخدم ' عاجز 'لعنصر الزر. يتم أيضًا تعطيل الزر باستخدام سمة HTML 'معطل' ، ولكن سيتم تعطيله بشكل دائم ، ولن تتمكن من إعادة تمكينه مرة أخرى. أثناء استخدام JavaScript ، يمكن تعطيل خاصية 'المعطل' وتمكين الزر ديناميكيًا.
بناء الجملة
يتم استخدام الصيغة المحددة لتعطيل الزر:
buttonObject. عاجز
مثال 1: تعطيل الزر
قم بإنشاء زر في ملف HTML وقم بتعيين معرف ' زر 'التي ستساعد في الوصول إلى هذا الزر:
< معرف الزر = 'زر' > زر زر >
جلب زر HTML في ملف JavaScript ، باستخدام المعرف المخصص لهم بمساعدة ' getElementById () ' طريقة:
كان زر = وثيقة. getElementById ( 'زر' ) ؛
تعيين الخاصية ' عاجز ' ل ' حقيقي ':
زر. عاجز = حقيقي ؛كما ترى ، تم تعطيل الزر الموجود في الإخراج:
مثال 2: تعطيل الزر الموجود في حدث النقر
هنا ، سنقوم بتعطيل الزر أثناء النقر فوقه. أولاً ، احصل على مرجع الزر باستخدام المعرف المخصص له:
اتصل ب ' addEventListener () 'من خلال إرفاق' انقر '، والذي سيحدد الخاصية المعطلة' حقيقي 'أثناء النقر على الزر:
زر. addEventListener ( 'انقر' و وظيفة ( ) {لو ( زر. عاجز ) {
زر. عاجز = خطأ شنيع ؛
}
آخر {
زر. عاجز = حقيقي ؛
}
} ) ؛
يمكن ملاحظة أنه أثناء النقر فوق الزر ، يتم تعطيله:
كان هذا كل شيء عن زر التعطيل في JavaScript.
خاتمة
لتعطيل زر HTML في جافا سكريبت ، استخدم ' عاجز 'لعنصر الزر. يساعد على تمكين الزر أو تعطيله ديناميكيًا بينما تعمل سمة HTML 'معطل' على تعطيل الزر بشكل دائم. توضح هذه المقالة طريقة تعطيل زر HTML في JavaScript.