JS 動態改變瀏覽器title標題

onfocus 和 onblur 事件，監聽離開頁面和進入頁面

<script>
window.onfocus = function () {
	document.title = '要走的人終究是留不住~~';
	setTimeout(function(){
		document.title = '夜雨綢繆';
	}, 1500);
};
window.onblur = function () {
	document.title = '等等，你別走啊！！';
};
</script>

使用 visibilitychange 事件

這種方法好像更實用些，當頁面標簽隱藏或顯示就會觸發該事件

<script>
document.addEventListener('visibilitychange',function(){
    if( document.visibilityState == 'hidden' ){
        normal_title = document.title;
        document.title = '夢里花落知多少 ^_^ ~ ~';
    }else{
        document.title = '永遠相信美好的事情即將發生';
        setTimeout(function(){
            document.title = normal_title;
        }, 1200)
    }
});
</script>