表单中focus焦点应用很多，今天主要是分享表单中有关焦点的常用用法，一共10多条，一起来学习下吧。
文本框显示默认文字：
<textarea>Web前端之家-www.jiangweishan.com</textarea>
鼠标点击文本框，默认文字消失：
<textarea onfocus="if(value==’Web前端之家-www.jiangweishan.com’) {value=''}">Web前端之家-www.jiangweishan.com</textarea>鼠标移至文本框，默认文字消失：
<textarea onmouseover="focus()" onfocus="if(value==’Web前端之家-www.jiangweishan.com’) {value=''}">Web前端之家-www.jiangweishan.com</textarea>鼠标点击文本框，默认文字消失，点击文本框外任意区域，默认文字又重现：
<textarea onfocus="if(value==’Web前端之家-www.jiangweishan.com’) {value=''}" onblur="if(value=='')
{value=’Web前端之家-www.jiangweishan.com’}">Web前端之家-www.jiangweishan.com</textarea>鼠标移至文本框，默认文字消失，鼠标移出文本框，默认文字又重现：
<textarea onmouseover="focus()" onmouseout="blur()" onfocus="if(value==’Web前端之家-www.jiangweishan.com’) {value=''}" onblur="if (value=='')
{value=’Web前端之家-www.jiangweishan.com’}">Web前端之家-www.jiangweishan.com</textarea>鼠标单击文本框，文本框内任何文字消失（包括默认文字及后来输入的文字）：
<textarea onclick="value=''">Web前端之家-www.jiangweishan.com</textarea>
鼠标移至文本框，文本框内任何文字消失（包括默认文字及后来输入的文字）：
<textarea onmouseover="value=''">Web前端之家-www.jiangweishan.com</textarea>
单击文本框后全选文本框内的文字：
<textarea onfocus="select()">Web前端之家-www.jiangweishan.com</textarea>
鼠标移至文本框全选文本框内的文字：
<textarea onmouseover="focus()" onfocus="select()">Web前端之家-www.jiangweishan.com</textarea>
回车后焦点从当前文本框转移到下一个文本框：
<textarea onkeydown="if(event.keyCode==13)event.keyCode=9">Web前端之家-www.jiangweishan.com</textarea>
回车后焦点从当前文本框转移到指定位置：
<textarea onkeypress="return focusNext(this,’指定位置的id名称’,event)">Web前端之家-www.jiangweishan.com</textarea>
OK，学习完，是否觉得很全面呢，如果您有更多的应用，请留言，谢谢！
网友评论文明上网理性发言 已有0人参与
发表评论: