根據輸入值顯示/隱藏div

我想在用戶輸入"cool"時輸入div#cool，或者輸入"good"時輸入div#good等。一切都應該實時工作。根據輸入值顯示/隱藏div

來源

2010-07-24 mjeczyk

是那些剛剛2個例子，任何ID應該工作，或者只有那些？當輸入發生變化時會發生什麼，他們是否應該再次隱藏？ – 2010-07-24 10:51:43

到目前爲止你寫了什麼代碼？ – 2010-07-24 10:56:54

編輯：創建一個Github的要點吧：http://gist.github.com/488611 - 感謝您的意見，按鍵的確應該一直按鍵。我從來沒有過自己的可靠性問題？

在這種情況下，我們假定所有div是在一個父元素#divs。所以當用戶改變輸入時它們就隱藏起來了。

注：未經檢驗的，所以它可能無法正常工作交鑰匙，但要點是正確的。

來源

2010-07-24 10:53:19 kander

我注意到'keyPress'不會在所有的瀏覽器可靠。 – 2010-07-24 10:54:41

@Felix克林：有趣，我想'keypress'（小寫！）是最可靠的關鍵事件跨瀏覽器。 'keydown'＆'keyup'可能在這個話題上有更多的問題。你能提供任何進一步的信息，還是因爲大寫'P'而只是諷刺嗎？ – jAndy 2010-07-24 10:59:04

@jAndy：看看我的答案[這裏]（http://stackoverflow.com/questions/2977428/jquery-mirror-one-text-input-to-another/2977449#2977449）。由於某些原因，'鍵盤'沒有正常工作（第一次按鍵沒有被檢測到）。但我只在Firefox中進行了測試，現在在'3.6.7'中似乎有效。或者這個問題的原因是別的。 – 2010-07-24 11:19:32

根據輸入值顯示/隱藏div

回答

相關問題