表单相关事件

表单事件实际上就是对元素获得或失去焦点的动作进行控制。

获得焦点事件（onfocus）是当某个元素获得焦点时触发事件处理程序。失去焦点事件（onblur）是当前元素失去焦点时触发事件处理程序。在一般情况下，这两个事件是同时使用的。

下例是用户选择页面中的文本框时，改变文本框的背景颜色为淡蓝色，当选择其他文本框时，将失去焦点的文本框背景颜色回复原始状态。

程序代码如下。

<table allign="center" width="600" height="200" border="0">

    <tr>

        <td>

            用户名：<input type="text" name="user"  οnfοcus="txtfocus()" onBlur="txtblur">

            密码：<input type="password" name="pwd" οnfοcus="txtfocus" onBlur="txtblur()">

        </td>

    </tr>

<script language="javascript">

function txtfocus(event){                            //当前元素获得焦点

    var e=window.event;

    var obj=e.srcElement;                            //用于获取当前对象的名称

    obj.style.background="#ccffff";

}

function txtblur(event){                              //当前元素失去焦点                                  

    var e=window.event;

    var obj=e.secElement;

    obj.style.background="#FFFFFF"；

｝

</script>