DOM Event对象

>事件监听机制
概念：某些组件被执行了某些操作后，触发某些代码的执行。
1、事件：用户在界面上的一个操作。
当一个事件发生的时候，该事件用一个事件对象表示。
事件对象有对应的类。不同的类表示不同类型的用户动作。

2、事件源：产生事件的组件叫事件源。
在一个按钮上单击按钮的时候，该按钮就是事件源。
会产生一个ActionEvent类型的事件。

3、事处监听器类:
包含事件处理器，并检查事件是否发生，若发生就激活事件处理器
进行处理的类叫做事件监听类。其实例就是事件监听对象。事件监听器类必须实现事件监听器接口或者是继承事件 监听器的适配器类。
事件监听器类接口定义了处理事件必须实现的方法，事件监听器适配器类是对事件监听器的简单实现。目的就是为了减少编程的工作量。

4、注册事件监听器:
为了让时间监听器检查某个组件(事件源)是否发生了某些事，并且在发生时激活事件处理器进行响应的处理，必须在事件源上注册时间监听器。(将事件，事件源，监听器结合在一起。 当事件源上发生了某个事件，则触发执行某个监听器代码。)

5、事处监听器类:
包含事件处理器，并检查事件是否发生，若发生就激活事件处理器
进行处理的类叫做事件监听类。其实例就是事件监听对象。事件监听器类必须实现事件监听器接口或者是继承事件 监听器的适配器类。
事件监听器类接口定义了处理事件必须实现的方法，事件监听器适配器类是对事件监听器的简单实现。目的就是为了减少编程的工作量。

核心在于事件e的传递。

常见的事件
1、点击事件：
1）onclick：单击事件
2）ondblclick：双击事件

2、焦点事件：
1）onblur：失去焦点
　　一般用于表单的校验。
2）onfocus:元素获得焦点。

3、加载事件：
1）onload：一张页面或一幅图像完成加载。==》会在页面或图像加载完成后立即发生。

4、鼠标事件：
1）onmousedown 鼠标按钮被按下。
　　定义方法时，定义一个形参，接受event对象。
　　event对象的button属性可以获取鼠标按钮键被点击了。
2）onmouseup 鼠标按键被松开。
3）onmousemove 鼠标被移动。
4）onmouseover 鼠标移到某元素之上。
5）onmouseout 鼠标从某元素移开。

5、键盘事件：
1）onkeydown 某个键盘按键被按下。
2）onkeyup 某个键盘按键被松开。
3）onkeypress 某个键盘按键被按下并松开。

6、选择和改变：
1）onchange 域的内容被改变。
2）onselect 文本被选中。

7、表单事件：
1）onsubmit 确认按钮被点击。
　　可以阻止表单的提交。|
　　方法返回false则表单被阻止提交。==》表单是否能够提交根据返回值而定。
附注：onclick的优先级高于onsubmit

<script>
        window.onload = function () {
            document.getElementById("username").onblur = function(){
                alert("校验中.....");
            }
        }
        
        function checkForm() {
            //校验表单各个部分  数据是否符合规定
            //false阻止表单提交。减少服务器的压力。
            return true;
        }
</script>
<form action="#" id="form" onclick="return  checkForm();">  
    <!--//此处的“相当于一个方法体”-->
    <input name="username" id="username" >

    <select id="city">
        <option>--请选择--</option>
        <option>北京</option>
        <option>上海</option>
        <option>西安</option>
    </select>
    <input type="submit" value="提交">
</form>

2）onreset 重置按钮被点击。
通过表单的提交添加一些附加的功能。

Event对象
Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
事件句柄(Event Handlers)

鼠标/键盘属性

IE属性
除了上面的鼠标/事件属性，IE 浏览器还支持下面的属性：

标准Event属性
下面列出了 2 级 DOM 事件标准定义的属性。

标准Event方法