מאמר זה ימחיש את השיטה להשבית את כפתור ה-HTML ב-JavaScript.
כיצד להשבית את כפתור HTML באמצעות JavaScript?
כדי להשבית כפתור HTML באמצעות JavaScript, השתמש ב-' נָכֶה ' מאפיין של אלמנט הכפתור. הכפתור מושבת גם באמצעות תכונת HTML 'מושבת', אך הוא יושבת לצמיתות, ולא תוכל להפעיל אותו שוב. בעת שימוש ב-JavaScript, ניתן להשבית את המאפיין 'מושבת' ולהפעיל באופן דינמי את הכפתור.
תחביר
התחביר הנתון משמש לביטול הלחצן:
buttonObject. נָכֶה
דוגמה 1: השבת את הכפתור
צור כפתור בקובץ HTML והקצה מזהה ' לַחְצָן ' שיעזור לגשת לכפתור זה:
< מזהה כפתור = 'לַחְצָן' > לַחְצָן לַחְצָן >
אחזר את כפתור ה-HTML בקובץ JavaScript, באמצעות המזהה שהוקצה להם בעזרת ' getElementById() ' שיטה:
היה לַחְצָן = מסמך. getElementById ( 'לַחְצָן' ) ;
הגדר את הנכס ' נָכֶה ' ל ' נָכוֹן ”:
לַחְצָן. נָכֶה = נָכוֹן ;כפי שאתה יכול לראות, הכפתור בפלט הושבת:
דוגמה 2: השבת את הלחצן באירוע הקליק
כאן נשבית את הכפתור תוך כדי לחיצה עליו. ראשית, קבל את ההפניה של הכפתור באמצעות המזהה שהוקצה לו:
תתקשר ל ' addEventListener() שיטת ' על ידי צירוף ' נְקִישָׁה ' אירוע, אשר יגדיר את המאפיין המושבת ' נָכוֹן ' תוך כדי לחיצה על הכפתור:
לַחְצָן. addEventListener ( 'נְקִישָׁה' , פוּנקצִיָה ( ) {אם ( לַחְצָן. נָכֶה ) {
לַחְצָן. נָכֶה = שֶׁקֶר ;
}
אַחֵר {
לַחְצָן. נָכֶה = נָכוֹן ;
}
} ) ;
ניתן לראות שבזמן לחיצה על הכפתור, הוא מושבת:
זה היה הכל על כפתור ההשבתה ב-JavaScript.
סיכום
כדי להשבית את כפתור HTML ב-JavaScript, השתמש ב-' נָכֶה ' מאפיין של אלמנט הכפתור. זה עוזר להפעיל או להשבית את הכפתור באופן דינמי בעוד שתכונת HTML 'מושבת' משביתה את הכפתור לצמיתות. מאמר זה הדגים את השיטה לביטול כפתור HTML ב-JavaScript.