this指向全解刨 / 事件

1.作为函数 

• 匿名函数（指向全局）
• 全局函数（指向全局）

2.作为函数对象

• new 创建后（指向实例）
• 直接调用 （指向window）

3.箭头函数中

• 指向定义时候父元素的this（继承而来）

4.事件中

• 指向触发事件的元素

5.定时器中

• 两个定时器中都（指向window）

6.作为方法被调用

• 谁调用指向谁

 

//改变this指向的方法  bind call apply

事件模型

冒泡 捕获

捕获冒泡同时存在时候 先捕获后冒泡

 

div.onclick 一个元素注册两个绑定事件 后面会覆盖前面的

事件三要素：事件 事件源 事件处理函数

事件源 e.target

this  谁绑定事件 指向谁 事件的绑定元素

e.currentTarget 和this一样

e.stopPropagation()

e.preventDefault()

 

事件委托

后生成元素绑定事件

事件委托就是把事件绑定在父元素身上

点击事件后 通过事件冒泡 会触发父元素的点击事件 e.target

JQ中的事件委托

　　$('ul').on('click', 'li' callback)

　　this  就是li