如何強制實時更改的html標題立即顯示？

我想要做的是這樣的：當光標移動到div的左半部分時，將其標題設置爲「previous」，當移動到右半部分時，將其標題設置爲「next」。很容易做到，但問題是光標第一次進入右半部分時，懸停一段時間，標題顯示然後移動到左半部分，標題設置爲「前一個」，但它永遠不會顯示，然後將光標移回到對，標題不會再顯示。我不想重新加載頁面，我該如何解決這個問題。如何強制實時更改的html標題立即顯示？

來源

2012-09-05 Alex Luya

將代碼放在這裏 – devundef

我一直無法更改jsFiddle中的title（可能是因爲代碼在框架中運行），所以我會在此處發佈我的測試頁。

我試圖完全按照你所描述的，它工作正常。標題立即改變。經Opera，FireFox和Chrome測試。你可以將它與你的代碼進行比較，看看你在做什麼不同。

<html> 
    <head> 
    <title>Initial title</title> 

    <style> 
     body, html { 
     height: 100%; 
     } 
    </style> 

    <script> 
     function foo(event) { 
     if (event.pageX * 2 > document.body.clientWidth) 
      document.title = 'NEXT'; 
     else 
      document.title = 'PREVIOUS'; 
     } 
    </script> 
    </head> 

    <body> 
    <script> 
     document.body.onmousemove = foo; 
    </script> 
    </body> 
</html>

來源

2012-09-05 08:37:34 Imp

這個問題似乎是關於'title'屬性，而不是'title'元素。 –

問題是title改變了，但它不會顯示爲工具提示，除非您將光標移出元素，然後移入 –

我不知道你到底是怎麼想的那樣，因爲你是在信息有點匱乏，比如什麼元素放在標題（即是在一個div或東西title屬性，或者只是一個HTML標題元素？這是非常模糊的）。另外，你不會給我們你的代碼，所以我們不能使用它。

我寫了這個jsfiddle爲一個標題屬性，因爲這似乎更可能。但是，我不知道要使用哪個元素，所以我只是在jQuery中使用了html（）函數。儘管如此，改變將非常容易。

我100％的肯定，這可以用更少的代碼行和更少的jQuery函數來完成。事實上，它甚至可以單獨使用CSS3來完成。

享受！ :)

來源

2012-09-05 10:13:43

如何強制實時更改的html標題立即顯示？

回答

相關問題