架构师之路：javascript事件基础知识及案例

事件监听机制

            Javascript的技术组成有一部分是事件来构成，我们常说的事件全称实际上是事件监听机制。
    它由四部分组成，分别是事件，事件源，监听器，注册监听。
         
             - 事件源：被执行的操作的组件，如：文本框，按钮等。
		     - 事件：需要执行的操作。
		     - 监听器：在事件被执行的时候，会被执行的代码。
			 - 注册监听：就是将以上三者组合在一起。

事件种类

         一般会把事件分为七类：点击（2），焦点（2），加载（1），鼠标（5），键盘（3），选择和改变（2），表单（2）等。在这里不做具体展开了。

案例陈述

1.表格操作

              要求：实现全选，全不选，反选，改变事件触发背景色以及首行框框一致的功能。
             
              实现细节：
                 1.具体功能之前需要先做的是进行窗口事件加载的绑定。
                 2.全选功能：首先需要做的是就是注册监听（这里涉及到一个dom功能的使用，就是通过绑定     id`document.getElementById("selectAll").onclick = function()`）然后就是通过dom遍历name获得每个checkbox并将它的状态设为true。
                 3.全不选以及反选的功能就是将状态栏改为false以及自反就可以。
                 4.首行框框一致的功能：就是绑定首行框框的id，然后就是遍历框框使得所有的其他框框的状态与首行框框一致。
                 5.事件改变触发背景颜色，遍历一下，然后绑定事件发生对应（onmousemver&onmouseout）的不同状况。

2.页面校验

                 1.具体功能之前需要先做的是进行窗口事件加载的绑定。
                 2.dom获取需要校验的值，并拿其与相关的正则表达式调用方法来进行并返回值（同span来放置提示信息的状态）。
                 3.然后根据判断结果返回提示信息。
                 4.所有判断值用&&连接，返回总的校验结果。