在輸入時更改頁面的標題

作爲一個我自己的練習，我試圖使用JavasScript，JQuery和PHP來發布博客應用程序。我想要發生的是，當你輸入時，頁面的標題會改變。有了這個，我的意思是在<title></title>標籤內聲明的標題。一個很好的例子就是StackOverflow：當你問一個新問題時，你輸入該帖子的標題，頁面標題（在<head>內部聲明的）改變爲你正在輸入的標題。在輸入時更改頁面的標題

這種效應是如何完成的？有可能只使用JavaScript/JQuery，或者您需要使用AJAX嗎？

來源

2013-12-22 Creator13

你可以改變標題與JS：

document.title = 'New title';

關於你正在尋找你的影響大概可以做的東西線：

$(document).ready(function() { 
    $("input").keyup(function() { 
      var text = $(this).val(); 
      document.title = text; 
    }); 
});

來源

2013-12-22 17:52:18 janhartmann

我不知道，但我認爲你想要將title頁面更改爲任何在input標籤中輸入的內容，例如

這樣的事情？

$(document).ready(function() { 
    $('#myInput').keyup(function() { 
     $(document).attr('title', $('#myInput').val()); 
    }); 
});

上面會跟蹤關鍵了（鍵盤）上的變化，並得到了文本輸入的值，並將其設置爲頁面標題：

這裏工作小提琴：http://jsfiddle.net/ZLPfM/show

來源

2013-12-22 17:58:54

要改變頁面的標題，你可以做兩件事情之一：

//plain javascript 
document.title = 'My JavaScript title!'; 

//jQuery 
$(document).attr('title', 'My jQuery Title');

爲了改變它，而打字，掛鉤一個keyup事件：

$(document).keyup(function(e) 
{ 
    //Check the keycode using e.keyCode 
});

這將其綁定到document，這意味着任何時候按下一個鍵，輸入或以其他方式裏面，你的事件將觸發。你也可以將它綁定到一個文本框，這樣它只會在你輸入內容時觸發（這可能是你想要做的）。

如果您綁定到document（如上所示），您必須檢查keyCode並將該值附加到您的標題上。如果綁定到輸入，則可以獲取輸入值並將標題設置爲新值：

$('#myinput').keyup(function(e) 
{ 
    var text = $(this).val(); 
    document.title = text; 
});

來源

2013-12-22 18:01:45

在輸入時更改頁面的標題

回答

相關問題