javascript - 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。您只需将“焦点”上的“a”设置为“大纲：0；”

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

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