J
j-l-n
Guest
In HTML5 gibt es einige nützliche Attribute, wie zum Beispiel autofocus. Dadurch setzt der Browser automatisch den Fokus auf ein Eingabefeld - auch wenn JavaScript deaktiviert ist.
Da ich mittlerweile viele Neuerungen aus HTML5 aktiv nutze, habe ich für Browser, die dies noch nicht unterstützen, eine kleine Lösung mit einem JS-Fallback gebastelt:
Da ich mittlerweile viele Neuerungen aus HTML5 aktiv nutze, habe ich für Browser, die dies noch nicht unterstützen, eine kleine Lösung mit einem JS-Fallback gebastelt:
HTML:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Autofocus</title>
<script>
if(document.addEventListener){
document.addEventListener("DOMContentLoaded", setAutofocus);
}
else if(document.attachEvent){
document.attachEvent("onload", setAutofocus)
}
function setAutofocus(){
var input = document.createElement("input");
var supportsAutofocus = "autofocus" in input;
if(supportsAutofocus !== true){
var element = document.querySelectorAll("textarea[autofocus], input[autofocus]")[0];
if(element){
element.focus();
}
}
}
</script>
</head>
<body>
<input type="text" autofocus>
</body>
</html>
Zuletzt bearbeitet: