事件基础

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

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 : 可以获取键盘中对应的键码

原文地址:https://www.cnblogs.com/oaoa/p/14292083.html