JavaScript_事件相关

事件执行步骤

• 获取事件源；

形式如：var   自定义变量名  =  document . 各种获取元素方式（' 标签名 '）； 

特别地：1. 获取body元素——document . body;

               2. 获取html元素——document . documentElement;

• 绑定事件 注册事件;

形式如：1. 传统方式：自定义变量名 . (on开头)各类事件；

              2.方法监听方式：自定义变量名 . addEventListener ( '(开头去on)各类事件' , 函数); 

引入 — — （各类事件）

•  添加事件处理程序；

形式如：1. 传统方式：自定义变量名 . (on开头)各类事件 = function ( 事件对象 ) {  相关执行内容  }

               2.方法监听方式：自定义变量名 . addEventListener (   ' ( 开头去on ) 各类事件 ' , function ( 事件对象 ）{ 相关执行内容  } ,  true (事件流的捕获阶段) / false (事件流的冒泡阶段)  ）

• 引入：

1.  事件对象：代表事件的状态，比如键盘按键的状态、鼠标的位置、鼠标按钮的状态。

• 简单理解：事件发生后，跟其相关的一系列信息数据的集合都存在此事件对象中，其有很多属性及方法。
• 字符代替：通常用 event 或 e 表示

2.事件对象常见属性： 

《鼠标事件对象坐标获取》

《键盘事件对象键值获取》 

3.禁止鼠标事件：

大概整理如上......