6.20心得

什么是失去焦点
onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后,产生该文件
Onchange:当文字值改变时,产生该事件
Onselect:当文字加亮后,产生该文件
onpropertychange 当属性改变发生该事件 无论粘贴 keyup onchange等,最为敏感
JSP表单元素获取焦点就是指你的text,password等元素里有鼠标的光标.
同理 JSP失去焦点例如浏览器上方标题是蓝色的时候 就证明焦点就在这里
当你点其他页面的时候它会变灰.就是失去焦点.原理都一样.
焦点即光标
焦点是在页面上屏幕中闪动的的小竖线,鼠标点击可获得光标,Tab键可按照设置的Tabindex切换焦点

什么是获得焦点
在一个网页上,可能会有多个输入框,对吧,当你的鼠标在某个输入框中点一下,就是要输入了,这时,
输入框中会出现光标,这明白吧,很简单是不是;这就是说,这个输入框获取了焦点;
有时呢,用户比较懒,并不想用鼠标点一下,而是输完一个输入框,直接让光标跑到下一个输入框,
或是跑到按钮上(按钮出现虚线框),这就是由程序员在写程序时,就设计好的,给输入框或按钮设置焦点。
代码:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>form中的lable标签</title>
</head>
<body>
<form>
<label for="male">男</label>
<input type="radio" name="gender" id="male" />
<br />
<label for="female">女</label>
<input type="radio" name="gender" id="female" />
<br />
<label for="email">输入你的邮箱地址</label>
<input type="email" id="email" placeholder="Enter email">
</form>
</body>
</html>
lable所谓的改进鼠标用户可用性就是浏览器就会自动将焦点转到和标签相关的表单控件上
,这话的意思在例子中的提现就是你单击男或者女,后面的单选按钮也会被选中,同样的,
你单击输入你的邮箱地址这几个字,鼠标会自动变为输入状态到后面的输入栏里

posted on 2017-06-21 09:09  时光在飞逝  阅读(95)  评论(0编辑  收藏  举报