如何去除按钮周围的发光

在开发中，我们通常会看到按钮周围有一个默认的发光效果，这是为了突出按钮的点击状态，但是有些时候我们需要去除这个效果。以下是一些方法。

1. 使用CSS样式

button:focus {
    outline: none;
}

通过在 CSS 中增加上面这段代码，可以去除按钮点击后周围的发光效果。

2. 使用JavaScript

document.addEventListener("click", function(e) {
    if (e.target.nodeName === "BUTTON") {
        e.target.blur();
    }
});

当点击按钮时，用上面这段代码将按钮失去焦点，即可去除点击后周围的发光效果。

3. 使用jQuery

$("button").on("click", function() {
    $(this).blur();
});

当点击按钮时，用上面这段代码将按钮失去焦点，即可去除点击后周围的发光效果。这里通过使用 jQuery 类库简化了 JavaScript 代码。