檢查輸入框是否爲焦點

我想根據輸入的焦點或不焦點來改變網頁的外觀，如果焦點不集中，它會顯示一些內容，如果焦點集中，用另一件事情同時進行。我該怎麼做呢？可以用PHP來完成嗎？感謝檢查輸入框是否爲焦點

2011-08-18 user893970

我認爲你習慣於在.NET中開發，你可以將這些框拖入頁面並讓它們刷新它們。但他們也添加了一塊JavaScript，讓頁面刷新。 –

如果您進行的更改超出checkbox的樣式設置，您一定要使用JavaScript。如果它迫切需要從服務器獲取信息，則可以向php文件發出ajax請求以返回數據。下面的鏈接是使用JavaScript和onfocus在頁面上的其他位置更改div的示例。

簡單片段。

var check = document.getElementById("YourIdOrWhatHaveYou"), 

check.onfocus= function(){ 
    // DO your thang! 
}

2011-08-18 18:34:48 Loktar

這是我想要的，但這是工作IE瀏覽器不是谷歌瀏覽器。這是我的瀏覽器的問題，還是它真的沒有與鉻合作？我如何使它適用於所有瀏覽器？ – user893970

嘗試我在Chrome中發佈的演示鏈接，它適用於我，我只測試了IE中的演示鏈接這也起作用。 – Loktar

沒有，你需要的CSS，看到

（PHP是隻有服務器端代碼，這意味着它不能看到，如果用戶已經把重點放在什麼，javascript中能做到這一點但css將在這種情況下是最好的。）

2011-08-18 18:26:16

只使用CSS可以使它同時？我認爲這樣做與CSS可能需要刷新。對不起，我是新的:( – user893970

焦點選擇器將使他可以改變該元素的風格，但不會改變頁面上的其他東西 – Loktar

PHP不能爲你做這個，因爲它是一個服務器端語言，不知道關注焦點。

如果你想改變基於焦點的東西的外觀，@ red-X已經提到了css中的:focus選擇器。

如果你想修改DOM中其他對象的內容，那麼你需要使用javascript，jquery庫允許你使用相同的:focus選擇器來檢測對象是否有專注或當它得到/損失的焦點。

2011-08-18 18:33:05

回答