JavaScript笔记总结（Xmind格式）：第八天

Xmind鸟瞰图：

简单文字总结：

DOM事件：
    事件三要素:
    1.事件源（给谁绑定事件）
    2.事件类型（绑定一个什么事件）
    3.事件处理程序（绑定事件后要干什么）

事件对象：
    1.事件对象 event（e）
    2.事件触发者 e.target
    3.事件触发类型 e.type
    4.阻止默认事件 e.preventDefault
    5.e.keyCode键码

this指向：
    1.普通函数 this指向window
    2.构造函数 this指向实例化对象
    3.对象方法 this指向对象本身
    4.事件中的 this指向事件的绑定者

鼠标事件：
    鼠标进入事件:mouseenter,mouseover
    鼠标离开时触发:mouseout,mouseleave
    鼠标移动事件:mousemove
    鼠标按下事件:mousedown
    鼠标弹起事件:mouseup
    鼠标双击事件:dblclick
    鼠标滚轮事件:mosuewheel

窗口事件：
    1.页面资源加载事件window.onload
    2.窗口大小改变事件window.onresize
    3.窗口关闭事件window.onunload

表单事件：
    1.输入事件：
        1.change内容发生改变
        2.focus获取焦点
        3.blur失去焦点
        4.input输入事件
    2.按钮事件：
        1.submit提交事件
        2.reset重置事件

事件冒泡：
    1.事件捕获
    2.目标阶段
    3.事件冒泡

事件委托：将原本绑定在子元素身上的事件，现在绑定到父元素身上，利用事件冒泡机制和 事件对象，触发当前事件。
 

详细Xmind原文档，在文章顶部自取下载！