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 # dom-blur-dev |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
blur |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Siehe auch
SVGElement.focus
setzt das Element als aktuellen Tastaturfokus.HTMLElement.blur
eine ähnliche Methode für HTML-Elemente.