JavaScript/DOM/Document/forms/elements/blur

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Document‎ | forms‎ | elements
Wechseln zu: Navigation, Suche

Die Methode blur() entfernt den Cursor bzw. den Focus von dem betreffenden Element. Sie erwartet keine Parameter.

  • DOM 1.0
  • JavaScript 1.0
  • Android
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari

Anwendbar auf:

Beispiel
<html>
<head>
  <title>Test</title>
</head>
<body>

  <form name="Testform" action="">

    <input type="text" name="Feld" size="30" onfocus="this.blur()">

  </form>

</body>
</html>

Das Beispiel enthält ein Formular mit einem Feld. Wenn der Anwender den Cursor in das Feld setzen will, wird der Cursor mit this.blur() sofort wieder aus dem Feld entfernt. Durch das Schlüsselwort this wird der Bezug zum aktuellen Objekt hergestellt, in diesem Fall das Element Feld, und die Methode auf das dieses Objekt angewendet. Eine solche Maßnahme kann beispielsweise sinnvoll sein, wenn Sie ein Feld ausschließlich als Ausgabefeld nutzen wollen, in dem der Anwender nichts editieren können soll.

Beachten Sie: Nicht immer wird der Cursor aus dem Eingabefeld entfernt. Eine Eingabe von Inhalt wird jedoch unterbunden.