事件：指的是鼠标点击，键盘输入等用户操作。其本身就是一个对象。



事件对象：事件发生后，在flex中就称为事件对象，事件对象有针对其的侦听器，事件对象有其属性，比如：target。



事件发生的对象：指事件源。



事件源：发生事件的对象，一般指某一具体的组件，比如：用户点击某Button，则此Button即为事件源。



侦听器：是一个方法，用以响应事件。

在基于对象的编程中，经常会出现类、对象、属性、方法和事件的概念，然后这么概念之间是有联系和区别的，弄清楚它们之间的不同是学好编程的第一步，但熟悉它们之后，这样我们更容易去理解基于对象的编程。

类和对象

    类是将数据及数据上的操作封装在一起。

    对象是包含变量和函数的集合实例。

    它们的关系：类是对象的抽象，对象是类的具体实例。类是抽象的，不占有内存，而对象是具体的，占有存储空间。

类类型的声明形式：

Class student ——类名

{

 Public:......;

 Private:....;

}

定义对象的方法：

Class student

{

 Public:......;

 Private:....;

}stud1,stud2;——对象名

对象的属性、方法和事件

对象所含的变量就是对象的变量。

对象对属性进行的操作的函数就是对象的方法。

用户对网页上的对象的操作就是事件。

三者关系：把属性看做对象的性质；把方法看成对象的动作；把事件看做对象的响应。

其中方法和事件不易理解，个人理解就是：

事件，是被外在条件激活的，是被动的；而方法，却是主动的。

事件，中要写代码；方法，系统自己定义代码。

事件是对象的响应，当要求响应时候，执行命令，可能包括属性和动作等。

 

以上就是它们的基本含义了，可能还是有点模糊，可以举一个例子，大家都明白了。比如：气球它是一个类，街上卖的那种给小孩玩的那个气球叫氢气球，它就是一个对象。氢气球有自己的属性，它的直径和颜色和是否充气等。氢气球也有自己的方法，比如充气方法、放气方法和升空方法等；氢气球还有事件的响应，比如对用针刺破它的响应就是放气，对手松开的响应就是升空。

要想搞明白js的事件机制，必须搞清楚几个概念：事件对象，事件源，还有事件流
事件对象：
当事件发生时会产生事件对象，事件对象的作用是用来记录“事件发生是一些相关的信息。注意事件对象只有在事件发生时才会产生，我们无法手动创建，并且事件对象只能在处理函数内部访问，处理函数允许结束后该对象自动销毁。
怎么理解那？？

<script>
        document.onmousemove = function (ev) {
            var e = ev || window.event;
            var div = document.getElementById('div');
            div.innerHTML = "clientX:"+ e.clientX;
        }
 </script>



如上代码，当onmousemove事件发生时，就会产生一个事件对象，就是程序中的event对象，我们只能在这个匿名函数中访问到这个event对象，在函数外面是访问不到的，同样我们也无法手动创建这个event对象；
 
如何获取事件对象那？？
var e = event || window.event;这句话就是定义了一个变量来获取事件对象，因为不同的浏览器获取事件对象的方法有点不太一样，IE下是window.event，标准下是event，为了兼容所以写了event || window.event.
 
事件对象也分为：
鼠标事件对象，键盘事件对象等，顾名思义鼠标事件发生时产生鼠标事件对象，键盘事件发生时产生键盘事件对象；既然是对象，就必然有一些属性方法啥的。
鼠标事件对象上的常用属性：
clientX，clientY，screenX，screenY，offsetX，offsetY，关于这几个属性的用法和区别请参考我的另一篇文章《JS之clientX,clientY,screenX,screenY,offsetX,offsetY区别测试》里面有比较详细的实例。
键盘事件对象上的属性有：

keyCode: 用来获取键盘码的;比如空格的键盘是32，回车13等
cltkey: 判断alt键是否被按下，按下是true，反之false
Ctrlkey: 判断Ctrlkey键是否被按下，按下是true，反之false
Shiftkey : 判断Shiftkey 键是否被按下，按下是true，反之false

 
说到这里相信大家应该理解“事件对象”了吧！接着说一说事件源。
事件源：
在事件中，当前操作的那个元素就是事件源。比如网页元素中a标签和input都有onclick事件，当点击a发生onclick事件时，事件源就是a标签，当点击input发送onclic事件是，事件源就是input。
如何获取事件源那？？

IE下：window.event.srcElement  
标准下：event.target

由此可见，我们是通过事件对象获取到的事件源。
 
事件流：参考我的另一篇博客《JS事件之事件流机制》
 

假如我们地球上的所有人是一个类，这个类的名称为People，那么地球上的每一个人就是People类的一个对象，每个人都有“嘴”等属性，也有“骂人”的方法，当然“骂人”是通过“嘴”骂的，那么是不是就可以说“骂人”的方法是属性“嘴”的方法了呢？非也！属性和方法的概念是地位平等的，不能说方法是属性的方法，方法只能说是类的方法，而属性同样只能说是类的属性。然后，你虽然有了“骂人”的方法，那你是不是就能见人就“骂”啊？你可以想象一下你这样做的下场：）那么我们什么时候才能“骂”呢，当然是“别人先骂我们”这个事件发生的时候了。好的，在这里，“别人先骂我们”就是一个事件，它触发了People类中某个对象，也是某个人“骂人”的方法。虽然“我们骂别人”和“别人骂我们”都是动作，但不同的是，“别人骂我们”是对象外部的，是事件；而“我们骂别人”是对象的方法，是对象自己的动作，是内部的。