Chrome / Safariでページ内スクロールしたときの不要な枠線を消す方法 #JavaScript

html

<a href="#hoge">ほげ</a>
<a href="#foo">ふー</a>
：
：
<div class="content" id="hoge">
：
：
</div>
<div class="content" id="foo">
：
：
</div>

のようにページ内リンクのスクロールで、Chrome / Safariの場合、不要な枠線が出てしまう場合は、

JavaScript

$('.content').on('focus', function(e) {
    $(this).trigger('blur');
});

とすれば解除できる。

もっとスマートな方法はありそうなので、ご指摘いただければ嬉しいです。