-2
A
回答
2
你可以嘗試使用jQuery來解決這個問題。在您的<head>
標記中加載jQuery,並通過在包含jQuery的腳本標記中添加此JavaScript代碼段,將其附加到輸入字段上的keypress事件。
$(document).ready(function() {
$("#myInput").keypress(function() {
if($("#myInput").val().length > 0) $("#myDiv").css("background-color", "red");
});
});
0
$('div input').keypress(function() {
$(this).val().length > 0) {
$(this).parent().css("background-color","red");
} else {
$(this).parent().css("background-color","none");
}
});
如果要善待你的網頁設計師和他們成爲朋友,你也可以動態地應用和刪除類屬性:
$('div input').keypress(function() {
$(this).val().length > 0) {
$(this).parent().addClass("background");
} else {
$(this).parent().removeClass("background");
}
});
那麼你的設計師可以調整在CSS文件中使用CSS「背景」類鉤子,而不必擔心搞亂了你美麗的JavaScript傑作。它還爲他們提供了更大的靈活性來進行更改,而無需將所有表示邏輯放入業務邏輯代碼中。
/* Example CSS rule */
input.background {
background-color: red;
border-radius: 2px;
-webkit-box-shadow: 0 0 6px 4px red;
}
+0
@ Xander - 謝謝!答案已更新。 – jmort253 2012-04-08 04:46:14
相關問題
- 1. 根據當前背景更改固定div的背景
- 2. 當選擇div時,更改div的背景顏色?
- 3. 當某個div顯示時更改div的背景顏色
- 4. 從<input>更改背景圖片的div無刷新
- 5. 修改TextEdit,使NSTextView具有透明背景。怎麼樣?
- 6. JavaScript:更改時間後的Div背景
- 7. 滾動時更改div背景(jQuery)
- 8. 更改背景圖片div
- 9. 更改DIV背景顏色
- 10. 用javascript更改DIV背景
- 11. 更改div的背景
- 12. div中的背景更改
- 13. 在某段時間後更改div的背景顏色
- 14. jQuery根據當前顏色更改div的背景顏色
- 15. 當子輸入檢查時更改父div的背景顏色
- 16. 當達到div底部時更改背景
- 17. 當div被js徘徊時更改背景URL
- 18. 當選擇單選按鈕時,jquery更改div背景顏色?
- 19. 當.play()爲真時如何更改div背景顏色
- 20. 當引導圖像滑動時更改div背景色
- 21. 當條件爲真時ng樣式更改背景
- 22. 當滾動時更改背景圖像
- 23. 根據當前背景更改按鈕的背景
- 24. 更改div背景當onmouseover另一個div
- 25. 更改綁定字段的數據時控件的背景顏色
- 26. 我怎樣纔能有沒有從父div的背景圖像的子div
- 27. div class更改時更改背景顏色?
- 28. 當鼠標移過選定的選項卡時,需要更改背景。怎麼樣?
- 29. 打字時背景更改大小
- 30. 當鼠標懸停在父div上時,更改子div的背景圖像
同時,儘量增加你正在下工作的限制的一些信息。你是否侷限於某個版本的CSS?你是否使用特殊的JavaScript庫,或根本沒有JavaScript庫? – Hauge 2012-04-08 21:32:26