如何用JavaScript实现CSS类中按钮的聚焦

在JavaScript中，可以使用addEventListener方法来实现CSS类中按钮的聚焦效果。

首先，获取按钮的DOM元素，可以使用querySelector或getElementById等方法。

然后，使用addEventListener方法添加一个focus事件监听器。在事件处理函数中，可以通过修改DOM元素的classList属性来添加或移除CSS类，实现按钮的聚焦效果。

以下是一个示例代码：

// 获取按钮的DOM元素
const button = document.querySelector('.button');

// 添加focus事件监听器
button.addEventListener('focus', () => {
  // 添加CSS类
  button.classList.add('focused');
});

// 添加blur事件监听器
button.addEventListener('blur', () => {
  // 移除CSS类
  button.classList.remove('focused');
});

在上述代码中，通过querySelector方法获取到了类名为button的按钮元素。然后，使用addEventListener方法添加了focus事件的监听器和blur事件的监听器。在focus事件的处理函数中，通过classList.add方法添加了名为focused的CSS类，实现按钮的聚焦效果。在blur事件的处理函数中，通过classList.remove方法移除了名为focused的CSS类，恢复按钮的普通状态。

在实际应用中，可以根据具体需求来修改CSS类的样式，实现不同的聚焦效果。

推荐的腾讯云相关产品：无

希望以上内容能够满足你的要求。如果还有其他问题，请随时提问。