如何讓頁面連結在點擊後不要保持 active 狀態

結論

document.activeElement.blur()

緣由

目前前端應用像 angularjs 、 react 、 vuejs 越用用多，有些版面還是以之前 request 、 response 的流程來設計。

導致 <a> 元素連結點擊後的狀態也要考慮下去，因為頁面不會讀取資源了。

我有個分頁器，點擊後是使用 ajax 去動作，於是點擊的連結就一直維持 active 狀態（其實就是 focus 狀態）。

剛好版面對於這狀態跟目前的頁次顯示效果一樣，於是就看到兩個顯示一樣外觀效果的連結在那。

原本不想理，但越看越煩。

找了一下，找到 https://stackoverflow.com/questions/2520650/how-do-you-clear-the-focus-in-javascript 。

文中是說 Firefox 無效，但現在不管了... 哈哈。