js获取焦点和失去焦点,js元素获得焦点

　　操作环境：windows7系统，javascript1.8.5版本1.8.5，戴尔G3电脑。

　　javascript如何处理焦点？

　　JavaScript焦点处理(获得焦点，失去焦点模糊)

　　焦点处理

　　焦点处理主要包括聚焦(获得焦点)和模糊(失去焦点)事件类型。所谓焦点，就是激活表单域，使其能够响应键盘事件。

　　获取焦点：focus

　　当您单击或使用Tab键切换到表单元素或超链接对象时，将触发此事件。焦点事件是确定鼠标在页面中的当前位置的一种方式。默认情况下，整个文档都是焦点，但是单击或使用Tab键可以更改焦点位置。

　　示例：页面加载后，将焦点转移到表单中的第一个文本框字段，为接收用户输入做准备。

　　form id= my form method= post action= #

　　名称输入type=text name=name/br

　　密码类型=密码名称=通过//格式

　　脚本

　　var form=document . getelementbyid( my form )；

　　var field=form . elements( name )；

　　window.onload=function(){

　　field . focus()；

　　}

　　/script失去焦点：blur

　　模糊事件类型表示元素失去焦点时的响应，对应焦点事件类型，主要作用于表单元素和超链接对象。

　　示例：focus和blur事件处理程序被绑定到所有输入表单元素，这些元素在获得焦点时被设置为凸面，在失去焦点时被设置为凹面。

　　！DOCTYPE htmlhtml

　　头

　　meta charset=UTF-8

　　标题/标题/床头

　　输入类型=text /

　　脚本

　　var o=document . getelementsbytagname( input )；

　　for(var I=0；输入输出长度；i ){

　　o[i]。onfocus=function(){

　　this . style . border style= outlet ；

　　}

　　o[i]。模糊=function(){

　　this . style . border style= inset ；

　　}}

　　/脚本

　　/body/html

　　注意：如果使用CSS的显示和可见性隐藏字段(input type="hidden ")或隐藏字段显示，设置其获取焦点将引发异常。

　　推荐：《javascript基础教程》

　　这就是javascript如何处理焦点的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。