Bootstrap：点击后链接保持选中状态

Question

代码：

<h1><a href="#">link</a></h1>
<script>
$("a").click(function (e) {
    e.preventDefault();
});
</script>

http://jsfiddle.net/U7Y3r/

点击链接后，它会保留一个小边框：

我在Firefox和Internet Explorer 10下看到过这种情况。在Chrome或没有Bootstrap的情况下不会发生这种情况。

Answer 1

这是outline属性，您可以将其设置为none：

a:focus { outline: none }

http://jsfiddle.net/Uqzqy/1/

Answer 2

试试这个：

$("a").click(function (e) {
    e.preventDefault();
    $(this).css("outline", "none");
});

Answer 3

使用$.fn.blur删除链接焦点也是可能的（也可能更清晰一点）：

$("a").click(function (e) {
    $(this).blur();
    e.preventDefault();
});

http://jsfiddle.net/U7Y3r/4/

Answer 4

这很好用

    $("a").click(function (e) {
    e.preventDefault();
    $("a").css("text-decoration","none"); 
    });

http://jsfiddle.net/U7Y3r/1/
再次，http://jsfiddle.net/U7Y3r/2/

取回同样的效果

Answer 5

其实你不需要任何javascript。你需要设置＆＃34; a＆＃34; on＆＃34;焦点＆＃34; to＆＃34; outline：0;＆＃34;

    /* CSS */
    a: focus { outline: 0; }

    // SCSS
    a {
       &:focus {
          outline: 0;
       }
    }