焦点事件

当元素获得焦点时，发生 focus 事件；当元素失去焦点时发生 blur 事件。

示例如下：

代码实现

<script type="text/javascript">
$(function(){ 
    $("input").focus(function(){//获得焦点
        $("input").css("background-color","#FFFFCC");
    });
    $("input").blur(function(){//失去焦点
        $("input").css("background-color","#D6D6FF");
    });
})
</script>
...省略代码
<h3>焦点事件</h3>
输入名字: <input type="text" />
<p>请在上面的输入域中点击，使其获得焦点，然后在输入域外面点击，使其失去焦点。</p>