Javascript基础（四）:获得焦点和失去焦点事件

##1.获取ID的函数

在说获取焦点和失去焦点事件之前，先说说封装获取ID的函数。一般在实际操作中，会经常用到提取某个元素的ID，如果每条都列，想必非常麻烦。一般如果有很多ID需要提取的情况基本都用提取ID的函数。

获取ID的函数如下：

function $(id) {

// $符号一般用作获取id的函数名，有时候也有人用$id作为函数名。在这里我们只需要获取一个变量。

return document.getElementById(id);

}

示例：

CSS代码：

HTML和JS代码：

效果：

##2.获取焦点和失去焦点事件

###1.基本语法

###2.案例：点击表单隐藏文字

鼠标没点击之前：

鼠标点击之后文字消失：

代码及其分析：

查找

做这些功能，最重要的是理顺业务逻辑，化整为零。获得焦点和失去焦点事件会在有搜索功能的网站上经常用到，所以要重点理解。谢谢大家！