vue实现点击div变色点击其他div这个div颜色恢复

修复JS改变div hover样式的解决方案

最新推荐文章于 2023-02-01 17:10:59 发布

原创最新推荐文章于 2023-02-01 17:10:59 发布 · 3.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript #css

这篇博客探讨了一个JavaScript问题，即在实现点击事件监听器时，意外地影响了div元素的hover样式。作者提供了链接到一个详细的解决方案，该方案解决了这个问题。文章主要关注前端开发中的JavaScript交互和CSS样式控制。

mounted (){
       document.getElementById("side-bar").addEventListener("click",function(event){
         if(this.zhongjian==null){}else{this.zhongjian.style="background-color:#08ac9c";
         this.zhongjian}
         this.zhongjian=event.target;
            event.target.style="background-color:#19c499;";
            console.log("event.target==="+event.target)
    },true);