在Web頁面上,有時我們要在文本輸入框裡給點提示資訊,告訴使用者在這個地方該輸入什麼內
容,比如說“請輸入評論內容...”等等之類的提示資訊,當使用者把游標單位在輸入框的時候,
不應該讓使用者去清除那些提示資訊,我們可以寫個指令碼來幫我們做這件事情,請看下面的例子:
<html>
<head>
<title>對XX的評論</title>
<script type="text/javascript">
var bFlag=true;//全域變數,用於判斷是否允許清除文字框內容
//用於清除輸入框中提示資訊的方法
function clearTip(){
var oTxt=document.getElementById("txt1");
if(bFlag==true){
oTxt.value="";
bFlag=false;
}
}
</script>
</head>
<body>
<form name="form1" action=" " method="post">
<textarea cols="50" rows="20" id="txt1" onfocus="clearTip()">請輸入評論的內容...
</textarea><br />
<input type="button" value="提交" onclick="this.disabled=true;this.form.submit()"/>
</from>
</body>
</html>
運行上面的樣本,可以看到當焦點定位在文字框,提示資訊“請輸入評論的內容...”將會自動
消失,這裡需要注意的是使用者可能中途去做其他事情,使得文字框失去焦點,當他重新回來
輸入的時候,又獲得了焦點,這時會再次觸發onfocus事件,調用clearTip方法,把前面輸入的
內容清除了,這是我們不希望結果。所以可以設定個全域變數bFlag作為標誌位,當清除過一次
文字框的內容之後就改變標誌位,不再允許通過clearTip()方法清除文字框的內容。