鼠标移出时取消边框答案

【问题标题】：Desele border on mouseout鼠标移出时取消边框
【发布时间】：2020-04-25 16:13:45
【问题描述】：

鼠标悬停时为单元格添加粉红色边框

 let TH = documenter code hereent.getElementsByTagName('th');
       for (i = 0; i < TH.length; i++) {
           TH[i].addEventListener('mouseover', function(e){
             if(e.target) {
              this.style.border = '5px solid pink';


             } else {
              this.style.border = 'none';
             }

            });
        }

当我将鼠标移出时，它仍然是相同的粉红色（边框）。如何解决？

【问题讨论】：

你不会错过其他的吗？ if(e.target) { this.style.border = 'none'; } else this.style.border = '5px solid pink';

标签： javascript dom dom-manipulation

【解决方案1】：

$( "td" ).hover(
    function() {
        $( this ).addClass( "hover" );
    }, function() {
        $( this ).removeClass( "hover" );
    }
);

//then you can add specific style for hover on a css file

【讨论】：

当你提供代码时，请附上一个解释，告诉 OP 究竟发生了什么发生了什么。