2014-02-16 126 views
8

因此,我正在製作一個網站,一切都很好,但我不知道JavaScript的很多事情。如何在用戶從我的網站下載時更改瀏覽器中的標籤名稱

我正在尋找一些能幫助我的東西,發現了一些類似的東西,但它在我的情況下不起作用。

這就是問題/想法:

  • 用戶是在我的網站和頁面名稱是如。你好(標籤) 然後用戶點擊瀏覽器中的其他標籤,但不關閉我的網站。 發生這種情況時,我的頁面標題變成例如。你去了 ? 當他再次點擊我的標籤時,標題會變回默認值。

所以如果有人可以幫助我的代碼並解釋一點點。

謝謝。

+3

這是一個有效的問題恕我直言。 「當用戶失去焦點時,如何更改頁面(標籤)標題。」 –

回答

12

你需要利用的onblur和聚焦狀態的窗口對象的事件。

所以像這樣(這是原生的JavaScript,沒有jQuery)。

<script> 

window.onblur = function() { document.title = 'you went?'; } 

window.onfocus = function() { document.title = 'you came back'; } 

</script> 
+0

TypeError:object [object global]的屬性'onblur'不是一個函數 –

+0

@AnthonyHatzopoulos在Chrome和IE中工作 - 您使用的瀏覽器是什麼? –

+0

+1是的。你是對的,我重新鍍鉻,第二次沒有錯誤。 –

0

您可以使用:

window.addEventListener('blur',function(){ 
alert("please Came Back"); 
document.head.title = "your tilte" 
    }); 

window.addEventListener('focus',function(){ 
alert("Hi"); 
document.head.title = "your tilte" 
    }); 
+0

TypeError:對象#的屬性'onblur'不是函數 –

+0

文件必須是'$(window)' –

+0

對不起。 –

1
$(window).focus(function() { 
    document.title = 'defult title'; 
}); 

$(window).blur(function() { 
    document.title = 'you went?'; 
}); 
+0

+1。這有點工作,如果使用jQuery,用'document.title ='替換'//做些什麼''你去了';' –

+1

@Sefik_m(我會說這個,因爲你說你是JavaScript新手)使用jQuery,所以一定要參考jQuery庫... –

相關問題