禁止a标签点击的时候出现虚线边框（js版）

转载于 2018-03-15 17:16:00 发布 · 106 阅读

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/kangweb/blog/1635373

文章标签：

本文提供了一种兼容所有浏览器的方法来移除网页中a标签的聚焦边框，该方法通过对所有a标签应用简单的JavaScript代码实现，确保了良好的用户体验。

平时我们做前端的总是会这个是我们平时经常会遇到的问题，网上给出的解决办法有很多，但是都涉及到浏览器兼容问题和代码重用问题，下面的这种方法完全兼容各种浏览器，而且对所有的a标签都有效

window.onload=function(){
    for(var i=0; i<document.links.length; i++){
        document.links[i].onfocus=function(){this.blur()}
    }
}

转载于:https://my.oschina.net/kangweb/blog/1635373