JavaScript學習筆記3–文字框獲得焦點,文字框裡提示資訊自動消失

來源:互聯網
上載者:User
在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()方法清除文字框的內容。

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.