事件基础

事件包括三部分：事件主角、事件类型、事件过程

JS常见的事件有5种：鼠标、键盘、表单、编辑、页面

调用方式有两种：在script标签中调用、在元素中调用。

              在script标签中调用：obj.事件名=function(){     }；  //相当于把函数赋值给一个变量

              在元素中调用：

1、鼠标事件

              onclick                  鼠标单击

              onmouseover       鼠标移入

              onmouseout         鼠标移出

              onmousedown      鼠标按下

              onmouseup          鼠标松开

              onmousemove      鼠标移动

2、键盘事件

              键盘按下：onkeydown

              键盘松开：onkeyup

3、表单事件

              onfocus和onblur  //onfocus获取焦点出发事件，onblur失去焦点，只有表单元素和超链接有焦点事件

              onselect  //单行文本框或者多行文本框就会出发onselect事件

              onchange  //具有多个选项的表单元素，单选、复选、下拉列表选择某一项的时候触发

              onsubmit  

4、编辑事件

              oncopy   //防止页面内容被复制

              onselectstart    //防止页面内容被选取

              oncontextmenu   //禁止鼠标右键

5、页面事件

              onload   //文档加载完之后再执行一个事件

              onbeforeunload   //离开页面之前触发的一个事件

6、事件监听器

              事件处理器和事件监听器

                     事件处理器：操作HTML属性的方法实现。

                     事件监听器：使用addEventListener()方法为元素添加事件，也叫作绑定事件

                                   绑定事件：obj.addEventListener(type,fn,false);

                                   解绑事件：obj.removeEventListener(type,fn,false);

7、event对象 ：可以获取一个事件的详细信息

              type :  event的type属性可以获取事件的类型

　　　    keyCode : 可以获取键盘中对应的键码