Input Color disabledEigenschaft
Beispiel
Farbwähler deaktivieren:
document.getElementById("myColor").disabled = true;
Ausgabeergebnis:
Selbst ausprobieren »
Definition und Verwendung
Die disabled-Eigenschaft wird verwendet, um festzulegen oder zurückzugeben, ob der Farbwähler verfügbar ist.
Elemente, die das disabled-Attribut verwenden, sind nicht verfügbar und nicht anklickbar. Deaktivierte Elemente werden im Browser normalerweise grau angezeigt.
Diese Eigenschaft spiegelt das HTML-Attribut disabled wider.
Browser-Unterstützung
Alle wichtigen Browser unterstützen die disabled-Eigenschaft.
Hinweis:Internet Explorer und Safari unterstützen das <input type="color">-Element nicht.
Syntax
Geben Sie die disabled-Eigenschaft zurück:
colorObject.disabled
Setzen Sie die disabled-Eigenschaft:
colorObject.disabled=true|false
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| true|false | Beschreibt, ob die Farbauswahl verfügbar ist
|
Technische Details
| Rückgabewert: | Boolescher Wert, gibt true zurück, wenn die Farbauswahl deaktiviert ist, andernfalls false. |
|---|
Weitere Beispiele
Beispiel
Prüfen Sie, ob die Farbauswahl verfügbar ist:
var x = document.getElementById("myColor").disabled;
xAusgabeergebnis:wahr
Selbst ausprobieren »
Beispiel
Farbauswahl deaktivieren oder aktivieren:
function disableBtn() {
document.getElementById("myColor").disabled = true;
}
function undisableBtn() {
document.getElementById("myColor").disabled = false;
}
document.getElementById("myColor").disabled = true;
}
function undisableBtn() {
document.getElementById("myColor").disabled = false;
}
Selbst ausprobieren »
Ähnliche Artikel
HTML-Referenzhandbuch:HTML <input> disabled-Attribut
Input-Color-Objekt Weitere Erweiterungen