css元素点击后变色，且点击别的地方不会颜色消失
要实现点击元素后变色，且点击别的地方不让颜色消失，可以使用JavaScript监听元素的点击事件，并通过CSS为元素添加一个特定的类来实现变色。这个类在元素上会一直保持，直到你手动移除它。
以下是实现这个功能的示例代码：
HTML:
<div id="clickableElement">点击我！</div>CSS:
.clicked {
background-color: blue; /* 点击后的颜色 */
color: white;
}JavaScript:
document.getElementById('clickableElement').addEventListener('click', function() {
this.classList.add('clicked');
// 阻止默认行为，防止其他地方点击时失去焦点
document.addEventListener('click', function(event) {
event.stopPropagation();
}, true);
});在这段代码中，当元素被点击时，我们给它添加了一个名为clicked的类，使其背景变蓝。同时，我们为整个文档添加了一个事件监听器，它会阻止事件冒泡，这样就不会有其他地方点击时失去焦点的情况。这样，只有当你手动刷新页面或移除JavaScript代码中添加的事件监听器，才会导致颜色消失。
评论已关闭