Bu makale, JavaScript'te HTML düğmesini devre dışı bırakma yöntemini açıklayacaktır.
JavaScript Kullanarak HTML Düğmesini Nasıl Devre Dışı Bırakırım?
JavaScript kullanarak bir HTML düğmesini devre dışı bırakmak için “ engelli ” düğme öğesinin özelliği. Düğme, HTML 'disabled' özniteliği kullanılarak da devre dışı bırakılır, ancak kalıcı olarak devre dışı bırakılır ve yeniden etkinleştiremezsiniz. JavaScript kullanılırken, 'disabled' özelliği devre dışı bırakılabilir ve düğme dinamik olarak etkinleştirilebilir.
Sözdizimi
Düğmeyi devre dışı bırakmak için verilen sözdizimi kullanılır:
düğmeNesne. engelli
Örnek 1: Düğmeyi Devre Dışı Bırakın
Bir HTML dosyasında bir düğme oluşturun ve bir kimlik atayın ' düğme ”, bu düğmeye erişmeye yardımcı olacaktır:
< düğme kimliği = 'düğme' > Düğme düğme >
JavaScript dosyasındaki HTML düğmesini, atanmış kimliklerini kullanarak '' yardımıyla getirin. getElementById() ' yöntem:
öyleydi düğme = belge. getElementById ( 'düğme' ) ;
Özelliği ayarla ' engelli ' ile ' doğru ”:
düğme. engelli = doğru ;Gördüğünüz gibi, çıktıdaki düğme devre dışı bırakıldı:
Örnek 2: Tıklama Olayında Düğmeyi Devre Dışı Bırakma
Burada butona tıklandığında devre dışı bırakacağız. İlk olarak, atanan kimliğini kullanarak düğmenin referansını alın:
Ara ' addEventListener() ” yöntemini ekleyerek “ tıklamak ' devre dışı bırakılan özelliği ayarlayacak olay ' doğru ” düğmesine tıklandığında:
düğme. addEventListener ( 'tıklamak' , işlev ( ) {eğer ( düğme. engelli ) {
düğme. engelli = YANLIŞ ;
}
başka {
düğme. engelli = doğru ;
}
} ) ;
Düğmeye tıklandığında devre dışı kaldığı gözlemlenebilir:
Hepsi JavaScript'teki devre dışı bırakma düğmesiyle ilgiliydi.
Çözüm
JavaScript'te HTML düğmesini devre dışı bırakmak için ' engelli ” düğme öğesinin özelliği. HTML 'disabled' özelliği düğmeyi kalıcı olarak devre dışı bırakırken, düğmeyi dinamik olarak etkinleştirmeye veya devre dışı bırakmaya yardımcı olur. Bu makale, JavaScript'te HTML düğmesini devre dışı bırakma yöntemini göstermektedir.