事件总结(某些)

一.（1）.键盘事件

onkeydown：键盘按下

onkeyup:键盘抬起

(2)、浏览器事件

案例一：完成对无序列表的隔行换色（原理~~~通过循环获取元素得到的伪数组进行取余逻辑判断操作）

onload:浏览器加载完成执行 

onscroll:滚动浏览器滚动条时触发

二.  （1）事件进阶

执行事件的步骤：获取元素、绑定事件、书写事件驱动程序

      （2）监听事件

 绑定监听事件 addEventListener("事件的类型",事件的处理程序)

 解绑监听事件removeEventListener("事件的类型",事件的处理程序)

     （3）事件对象

任何事件都有内置对象event，event 对象代表事件的状态。事件对象的兼容性写法为

var event = event || window.event;

   （4）元素的坐标

1、clientX与clientY 鼠标距离浏览器上方和左方的位置

2、pageX与pageY相对于文档边缘,包含滚动条距离

（5）事件冒泡

事件冒泡阶段：事件从事件目标(target)开始，往上冒泡直到页面的最上一级标签。

三.阻止默认事件

(1)、阻止事件冒泡

 var event = event || window.event;

 event.stopPropagation();

（2）阻止事件默认行为

preventDefault();

四.元素的属性操作

（1）自定义属性

元素除了本身的属性之外可以设置自定义属性

(2)获取属性

getAttribute("属性的名字")

getAttribute("属性"):不仅可以获取元素本身的属性的属性值，还可以获取元素自定义的属性的属性值

(3)设置属性

setAttribute("属性的名字","属性的值");

元素的属性的设置:不仅可以设置元素本身的属性，还可以设置元素自定义的属性

（4）移除属性

 removeAttribute("属性"):不仅可以移除元素本身的属性，还可以移除元素自定义的属性

  （5）元素样式设置的几种方式

1. 对象.style

2.  对象.className

3. 对象.setAttribute("style")

4. 对象.setAttribute("class")

5. 对象.style.setProperty("CSS属性","CSS属性值")

6. 对象.style.cssText