在javascript中，可以使用onfocus事件設定文字方塊輸入時變顏色，只需要給元素綁定onfocus事件，再使用「物件.style.background="顏色值"」即可。 onfocus事件在物件獲得焦點時發生，通常用於表單中。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
動態設定文字方塊顏色：
主要是利用javascript中的触发事件onfocus
<script language="javascript" type="text/javascript">
<!--
function myFocus(obj,color){
//判断文本框中的内容是否是默认内容
if(obj.value=="请输入收件人地址"){
obj.value="";
}
//设置文本框获取焦点时候背景颜色变换
obj.style.backgroundColor=color;
}
function myblur(obj,color){
//当鼠标离开时候改变文本框背景颜色
obj.style.background=color;
}
在input标签中
<input type="text" name="username" id="username" onfocus="myFocus(this,'#f4eaf1')" onblur="myblur(this,'white')" value="请输入收件人地址"/>
用上述简单方法可以做到文本框背景颜色的变换和提示信息的清除onfocus 事件在物件獲得焦點時發生。 Onfocus 通常用於 ,
提示： onfocus 事件的相反事件為 onblur 事件。
擴充資料：
onblur 事件會在物件失去焦點時發生。 Onblur 常用於Javascript驗證程式碼，一般用於表單輸入框。
語法
HTML 中:
<element onblur="SomeJavaScriptCode">
JavaScript 中:
object.onblur=function(){SomeJavaScriptCode};【推薦學習：javascript進階教學】
以上是javascript如何設定文字方塊輸入時變顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章！
