Javascript onFocus事件

【实例介绍】

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

Javascript onFocus事件

分类:Javascript教程 时间:2012-09-26 人气:0
本文关键词:
分享到:

相关文章

  • 理解javaScript中的事件驱动 2012-04-18

    javascript中的事件驱动是通过 鼠标或热键 的动作引发的 主要事件如下: 1、鼠标单击事件 onclick 如:( <input type="button" value="鼠标单击" onclick="执行语句.处理" />) 通常用于如下控件: button 按钮对象 checkbox 复选框或检查列表 --配合onclick单击事件,通常用于全选效果 radio 单选按纽 reset 重置按钮 submit提交按钮  2、内容改变事件 onchange 如:(<in

  • 常用JavaScript语法106条 2012-08-19

    1.输出语句:document.write("") 2.JS中的注释为:// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.

  • B/S模式项目中常用的javascript汇总 2013-05-24

    本篇文章是对B/S模式项目中常用的javascript进行了汇总介绍,需要的朋友可以过来参考下,希望对大家有所帮助 屏弊网页的右键 <body oncontextmenu="return false">或<body style="overflow-y:hidden"> 为网页加入背景音乐 IE:<bgsound src="*.mid" loop=infinite> NS:<embed src="*.mid" autostart=true hidden=t

  • JavaScript内置对象属性及方法大全 2013-05-26

    java中特殊转义字符 \n 回车(\u000a) \t 水平制表符(\u0009) \b 空格(\u0008) \r 换行(\u000d) \f 换页(\u000c) \' 单引号(\u0027) \" 双引号(\u0022) \\ 反斜杠(\u005c) \ddd 三位八进制 \udddd 四位十六进制 JavaScript 1.Date 属性(1): constructor 所树立对于象的函数参考 prototype 能够为对象加入的属性和方法 办法(43): getDay() 前往一周中

  • 30个网页设计中常用javascript代码 2013-06-30

    给大家一些在做网页中常用到的小代码,收藏一下以备下次使用。 1、oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2、<body onselectstart="return false"> 取消选取、防止复制 3、onpaste="return false

  • 利用javaScript实现点击输入框弹出窗体选择信息 2014-09-02

    这篇文章主要是对利用javaScript实现点击输入框弹出窗体选择信息进的实例行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 在这里奉上源代码,没有做样式处理,不过功能是可以的,希望大家可以和我交流交流! 代码如下: <html> <head> <title>点击弹出DIV选择信息</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"

  • javascript常用命令 2014-11-24

    Javascript是什么? Js是一种轻量级网络脚本语言,用来向html页面添加交互行为。它是一种解释性语言即不需要预编译就能执行。 Javascript能做什么?①js可以讲动态的变量放入html页面。将js代码放入html代码中执行,如document.write(“<ht>”+name+”</h1>”) 就可以将name变量写入html页面中。②js可以监听事件。如当页面载入完成时或者用户进行鼠标或者键盘操作时,onload,onmousemove,onfocus

  • JavaScript实现页面实时显示当前时间的简单实例 2012-01-02

    这篇文章介绍了页面实时显示当前时间的简单实例,有需要的朋友可以参考需要 复制代码 代码如下: <html> <head> <title>JavaScript实现页面实时显示当前时间</title> </head> <body> <script language="javascript"> function showtime() { var today,hour,second,minute,year,month,d

  • Javascript倒计时跳转页面实例 2012-01-03

    在js中实现页面定时跳转我们要使用setInterval或setTimeOut函数,当然还可以使用页面的metea实现了,下面我介绍两个实例。 例1 倒计时刷新页面 代码如下 <script type="text/javascript" language="JavaScript"> var startTime = new Date(); var endTime=startTime.getTime()+10*60*1000; var g_blinkswitch = 0; var g_b

Copyright (C) quwantang.com, All Rights Reserved.

趣玩堂 版权所有 京ICP备15002868号

processed in 0.055 (s). 10 q(s)