JavaScript第十一天事件

事件基础

事件函数：当事件被触发时调用。
事件对象：当事件发生的时候，浏览器会将事件相关信息保存在内置全局对象window.event当中，可以直接使用。
type：获取事件类型
target：获取触发事件的对象
clientX、clientY 获取当前鼠标位置，相对于屏幕
pageX、pageY 获取当前鼠标位置，相对于页面
shiftKey、ctrlKey、altKey 布尔值，是否按了对应的功能键

事件绑定与取消

绑定
标准：元素.addEventListener（事件类型（不加on），事件处理函数，是否捕获 （默认false 冒泡 true 捕获） ）
IE浏览器：obj.attachEvent（事件类型（加on），事件函数）

取消
标准：obj.removeEventListener(type,fun)
IE浏览器：obj.detachEvent(type,fun)

DOM事件流

阻止事件冒泡
标准：ev.stopPropagation( );
IE浏览器：ev.cancelBubble = true;

阻止默认事件
元素.事件添加的事件：return false 阻止
元素.addEventListener：ev.preventDefault( ) 标准阻止
元素.attachEvent：ev.returnValue=false IE8及以下
添加滚轮事件
标准、IE： onmousewheel=fun
火狐：addEventListener(“DOMMouseScroll”,fun,false)

获取滚轮滚动信息
标准、IE：ev.wheelDelta
火狐：ev.detail