Javascript 当我点击网页中的其他元素时，如何使其变暗？

我正在建立一个wordpress网站，在标题部分有一个搜索栏。当我使用搜索栏时，如何在除搜索栏之外的其他元素上创建

暗淡效果（背景：rgba（0,0,0,0.3））

（例如在Quora.com中）。此外，如果我对输入框或任何其他div等其他元素（搜索栏除外）使用代码，则此代码（您的答案）也应该有效

我会更满意，如果你来了一个答案，是灵活地使用任何div

---

提前感谢。

使用

不透明度

并将其应用于任何需要的地方

div {
    opacity: 0.3;
}

---

您需要向需要单击的元素添加单击事件。然后，可以将函数绑定到单击时触发的事件，如下所示：

var test=document.getElementById（“test”）；
测试。添加EventListener（“单击”，更改颜色）；
函数changeColour（）{
var changeme=document.getElementById（“变更”）；
changeme.classList.add（“addopacity”）；
}

#更改{
背景：#000；
宽度：100px；
高度：100px；
}
#change.addopacity{
不透明度：0.2；
}

请点击我

如果您能提供一个灵活的答案，可以用于任何div，我会更满意。

您似乎把StackOverflow与代码编写服务混淆了。什么是真正的StackOverflow？添加到Rory的评论中-您尝试过一些东西，但效果不太好吗？您是否可以将其包括在内，以便我们可以了解出了什么问题？如何感知点击并相应地更改不透明度？@codewiz您可以添加一个事件，当触发时，将CSS“不透明度”类应用于需要透明的任何元素。了解并使用JavaScript。