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 元素的類似方法。