收藏《JS 事件类型及属性》

事件的类型:
鼠标事件:
    click,dblclick,mousedown,mouseout,mouseover,mouseup,mousemove;
    事件属性:
       type:表明是什么事件;
       target(DOM)或srcElement(IE):表明触发事件的对象;
       shiftKey,ctrlKey,altKey,metaKey(DOM):是否按下了Shift,Ctrl,Alt,Meta键;
       button:0-未按下键;1-按左键;2-按右键;3-同时按下左右;4-按下中键;5-按下左和中;6-按下右和中;7-同时按下左中右;
键盘事件:
    keydown,keypress,keyup
    事件属性:
    keyCode:按下的键的代码(等于Unicode值)
    charCode(DOM):键对应的代码和字符会有一个分离;
    target(DOM)或srcElement(IE):表明触发事件的对象;
    shiftKey,ctrlKey,altKey,metaKey(DOM):是否按下了Shift,Ctrl,Alt,Meta键;
HTML事件:
    load,upload,abort,error,select,change,submit,reset,resize,scroll,focus,blue
变化事件:
    目前还没有主流浏览器支持,不讨论;
DOM和IE的区别:
1)获取目标:
  IE:   var oTarget = oEvent.srcElement;
  DOM:  var oTarget = oEvent.target;
2)获取字符代码;(在键盘事件中)
  IE:   var iCharCode = oEvent.keyCode;
  DOM:  var iCharCode = oEvent.charCode;
3)阻止默认行为,例如:<a href="xxx" onclick="" >aa</a>或者鼠标右键行为.
  IE:   oEvent.returnValue = false;
  DOM:  oEvent.preventDefault();
例如:阻止右键行为:
     document.body.oncontextmenu = function(oEvent){
          if(isIE){
              oEvent = window.event;
              oEvent.returnValue = false;
          }else{
              oEvent.preventDefault();
          }
      }
4)停止冒泡事件流(事件复制)
  IE:   oEvent.cancelBubble = true;
  DOM:  oEvent.stopPropagation();
  为何要停止冒泡?因为如果不停的话,当你按下一个按钮的时候,就相当于你点击了页面,包括按钮的DIV,按钮...等.如果这些元素上面都有事件处理函数的话,就都会被触发.所以要停下来.