JavaScript如何获取焦点和失去焦点-木庄网络博客

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

本篇文章给大家介绍一下JavaScript获取焦点和失去焦点的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

焦点处理

焦点处理主要包括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>