按下按钮时如何删除悬停

该按钮显示在页脚组件中。 在Android + Chrome中,当您点击按钮移至页面时,鼠标悬停在按钮上,看起来像是被按下了。 有办法摆脱这种情况吗?

我尝试了blur()并没有消失。

app.component.html

<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>

footer.component.html

<button (click)="prevPage()" type="button" #prevBtn class="btn btn-block px-sm-3 px-md-5 btn-warning">
  prev <fa-icon [icon]="faAngleRight"></fa-icon>
</button>

footer.component.ts

@ViewChild('prevBtn', { static: false }) prevBtn: ElementRef;
prevPage() {
  this.prevBtn.nativeElement.blur();
}

点击后

enter image description here

采用

  • 角度8.2.14
  • 引导程序4.3.1
评论
  • 蹦叉叉
    蹦叉叉 回复

    尝试将以下添加到绑定单击事件的函数中。因此,当单击该按钮时,它将取消绑定悬停事件。

    $("#myElement").unbind('mouseenter mouseleave');
    
  • dquia
    dquia 回复

    摆脱这种情况的最简单方法。

    添加到按钮元素

    onclick="this.blur()"
    

    希望能帮助到你!