JavaScript怎么获取焦点和失去焦点
这篇文章给大家分享的是有关JavaScript怎么获取焦点和失去焦点的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
JavaScript是什么
JavaScript是一种直译式的脚本语言，其解释器被称为JavaScript引擎，是浏览器的一部分，JavaScript是被广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。
焦点处理
焦点处理主要包括focus（获取焦点）和blur（失去焦点）事件类型。所谓焦点，就是激活表单字段，使其可以响应键盘事件。
获取焦点：focus
当单击或使用Tab键切换到某个表单元素或超链接对象时，会触发该事件。focus事件是确定页面内鼠标当前定位的一种方式。在默认情况下，整个文档处于焦点状态，但是单击或者使用Tab键可以改变焦点位置。‘
示例：在页面加载完毕后，将焦点转移到表单中的第一个文本框字段，让其准备接收用户输入
<form id="myform" method="post" action="#">姓名<input type="text" name="name"/><br>密码<input type="password" name="pass" /></form><script>var form = document.getElementById("myform");var field = form.elements("name");window.onload = function(){field.focus();}</scriipt>失去焦点：blur
blur事件类型表示在元素失去焦点时响应，它与focus事件类型是对应的，主要作用于表单元素和超链接对象
示例：为所有输入表单元素绑定了focus和blur事件处理函数，设置当元素获取焦点时呈凸起，失去焦点呈凹陷
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><input type="text" /><input type="text" /><script>var o = document.getElementsByTagName("input");for(var i = 0; i < o.length; i++){o[i].onfocus = function(){this.style.borderStyle = "outset";}o[i].blur = function(){this.style.borderStyle = "inset";}}</script></body></html>
注意：如果时隐藏字段（< input type=“hidden” >），或者使用CSS的display和visibility隐藏字段显示，设置其获取焦点将引发异常。
感谢各位的阅读！关于“JavaScript怎么获取焦点和失去焦点”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
