SVGElement:blur() 方法

Baseline 已广泛支持

此功能已成熟,可跨多种设备和浏览器版本工作。它自 ⁨2018 年 4 月⁩ 起已在所有浏览器中可用。

SVGElement.blur() 方法用于从当前 SVG 元素中移除键盘焦点。

语法

js
blur()

参数

无。

返回值

无(undefined)。

示例

移除 SVG 圆形元素的焦点

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();
});

规范

规范
HTML
# dom-blur-dev

浏览器兼容性

另见

  • SVGElement.focus 使元素成为当前键盘焦点。
  • HTMLElement.blur 是一个用于 HTML 元素的类似方法。