DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> Javascript onFocus事件
Javascript onFocus事件
編輯:JavaScript綜合知識     

【實例介紹】

當單擊表單對象時,即將光標落在文本框或選擇框時產生onFocus事件。

【實例代碼】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title> </head> <body>個人愛好: <form name="form1" method="post" action=""> <p>   <label>   <input type="radio" name="RadioGroup1" value="唱歌"onfocus=alert("選擇唱歌!")> 唱歌</label> <br> <label> <input type="radio" name="RadioGroup1" value="跳舞"onfocus=alert("選擇跳舞!")> 跳舞</label> <br> <label> <input type="radio" name="RadioGroup1" value="畫畫"onfocus=alert("選擇畫畫!")> 畫畫</label> <br> </p> </form> </body> </html> 【代碼分析】

在代碼中,加粗部分代碼應用了onfocus事件,選擇其中的一項,彈出選擇提示的對話框,
如圖20.17所示。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved