表单的焦点事件如何处理

今天以文本宽为例来说说表单的焦点事件，其他表单类型类似

焦点：浏览器为了区分用户输入的对象，当一个元素有焦点的时候，那么那个元素就可以接受用户的输入。

我们可以通过一些方式给元素设置焦点

1.tab

2,点击

3.js

不是所有的元素都能接受焦点，能够相应用户操作的元素才有焦点，如表单，a标签

1.tab就不用说了，浏览器给我们做好了，我们可以随时使用tab键更换焦点

2.点击获得焦点onfocus

当我们点击表单元素的时候，你点击的那个元素便获得了焦点、同时触发onfocus

var aInp=document.getElementsByTagName('input');
            for(var i=0;i<aInp.length;i++){
                aInp[i].onfocus=function(){
                    this.value=' ';
                }
            }；

失去焦点onblur

用法：当我们在外面点击的时候。我们的表单就失去了焦点，同时触发onblur

3.js获得焦点 使用focus方法获得焦点，blur方法失去焦点

aInp[1].focus();

用法：对象.focus这时实现默认焦点为第二个表单（blur同理）

**最后再赠送一个方法select

select指定()元素（用户能够输入的元素）中的文本内容全选---->实现复制的功能

以上就是表单的焦点事件如何处理的详细内容，更多请关注其它相关文章！