SVGElement: blur() Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Die SVGElement.blur()-Methode entfernt die Tastaturfokussierung vom aktuellen SVG-Element.

Syntax

js
blur()

Parameter

Keine.

Rückgabewert

Keiner (undefined).

Beispiele

Entfernen des Fokus von einem SVG-Kreis-Element

HTML

html
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
  <circle id="myCircle" cx="100" cy="100" r="50" tabindex="0" fill="blue" />
  <button id="focusButton">Focus the circle</button>
  <button id="blurButton">Blur the circle</button>
</svg>

JavaScript

js
const circle = document.getElementById("myCircle");
const focusButton = document.getElementById("focusButton");
const blurButton = document.getElementById("blurButton");

// Focus the circle when the "Focus" button is clicked
focusButton.addEventListener("click", () => {
  circle.focus();
});

// Blur the circle when the "Blur" button is clicked
blurButton.addEventListener("click", () => {
  circle.blur();
});

Spezifikationen

Specification
HTML Standard
# dom-blur-dev

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch