SVGElement:blur() 方法
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 元素的类似方法。