JavaScript 事件

事件对象兼容性写法：e=e||window.event

事件对象：在事件触发时，由浏览器传递给事件的

接收事件对象：在事件处理函数内接收

target:目标   如：button

type:区分种类   如：mouseover

clientX  clientY(支持所有浏览器)

pageX  pageY(不支持IE)

cancelable:true

IE兼容性: window  event  clientX  

document.getElementById('btn').onmouseover=function(e){
      e=||window.event;//事件兼容性写法
}

事件流：事件的传递

     冒泡：事件的传递由最具体的元素层层向外传递，直到最外层元素（现代主流事件传递机制）

     捕获：事件的传递由最外层向内层层传递，直到最具体元素

阻止事件流（冒泡）：stopPropagation();(必须先拿到事件对象)谷歌和火狐

e.stopPropagation();//阻止事件冒泡

cancelBubble=true;//取消冒泡

e.cancelBubble=true;//IE阻止事件冒泡

两个各自执行写法：

e?e.stopPropagation():window.event.cancelBubble=true//兼容性写法

常见UI事件

οnresize=function(){}  窗口尺寸改变

οnlοad=function(){}     加载事件

οnselect=function(){}   选中事件

οnfοcus=function(){}     获取焦点事件

οnblur=function(){}        失去焦点事件

οnscrοll=function(){}       滚动事件