event事件总结

1.焦点事件

焦点 : 使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他就可以接收用户的输入。

不是所有元素都能够接收焦点的.能够响应用户操作的元素才有焦点。

onfocus : 当元素获取到焦点的时候触发。

onblur : 当元素失去焦点的时候触发。

obj.focus() 给指定的元素设置焦点

obj.blur() 取消指定元素的焦点

obj.select() 选择指定元素里面的文本内容（只能选中用户输入的内容）

2.event

event : 事件对象 , 当一个事件发生的时候，和当前这个对象发生的这个事件有关的一些详细的信息都会被临时保存到一个指定地方-event对象，供我们在需要的调用。用来获取事件的详细信息：鼠标位置、键盘按键。

事件对象必须在一个事件调用的函数里面使用才有内容

事件函数：事件调用的函数，一个函数是不是事件函数，不在定义的决定，而是取决于这个调用的时候

兼容

ie/chrome : event是一个内置全局对象

标准下 : 事件对象是通过事件函数的第一个参数传入

Event对象的兼容：ev=ev||window.event

如果一个函数是被事件调用的那么，这个函数定义的第一个参数就是事件对象

clientX[Y] : 当一个事件发生的时候，鼠标到页面可视区的距离

3.事件冒泡

事件冒泡 : 当一个元素接收到事件的时候，会把他接收到的所有传播给他的父级，一直到顶层window.事件冒泡机制

–取消冒泡：ev.cancelBubble=true

事件捕获与事件冒泡相反。

4.事件绑定

ie：obj.attachEvent(事件名称，事件函数);

1）没有捕获

2）事件名称有on

3）事件函数执行的顺序：标准ie-》正序  非标准ie-》倒序

4）this指向window

标准：obj.addEventListener(事件名称，事件函数，是否捕获);

1）有捕获

2）事件名称没有on

3）事件执行的顺序是正序

4）this触发该事件的对象

是否捕获 : 默认是false    false:冒泡 true：捕获

4.call

call 函数下的一个方法，call方法第一个参数可以改变函数执行过程中的内部this的指向，call方法第二个参数开始就是原来函数的参数列表