当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > Javascript onFocus事件

Javascript onFocus事件

2012/11/28 16:41:54作者:佚名来源:网络

移动端

【实例介绍】

当单击表单对象时,即将光标落在文本框或选择框时产生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所示。

onFocus

 【素材及源码下载】

请点击:onFocus事件 下载本实例相关素材及源码

 

标签: Javascript