js聚焦的标签外页面的所有标签都变暗
时间: 2024-05-13 11:16:45 浏览: 29
JS的背景变暗的代码
你可以通过以下代码将除了聚焦的标签之外的所有标签变暗:
```javascript
document.addEventListener('focusin', (event) => {
event.target.style.filter = 'brightness(100%)';
});
document.addEventListener('focusout', (event) => {
event.target.style.filter = 'brightness(50%)';
});
```
这里使用了 `focusin` 和 `focusout` 事件来检测标签的聚焦状态,然后通过 `style.filter` 属性设置 CSS 滤镜来改变标签的亮度。在聚焦时,将亮度设置为 100%,失焦时将亮度设置为 50%。你可以根据自己的需要调整亮度值。
阅读全文