js 事件小结

1，事件对象

    e || window.event //ie

2, 取鼠标点击坐标 带有滚动条的

    var top = document.documentElement.scrollTop || document.body.scrollTop;//chorme
        var x = top + e.clientX;  //可视区坐标

3, 获取屏幕坐标

    e.screenX    e.screenY

4, shiftKey altKey ctrlkey

5,onkeydown/onkeyup keyCode  返回的是ASCII码  不区分大小写

6,onkeypress

    ff 返回keycode 所有的字符都返回0
        chorom/ie 返回keycode 支持大小写
        charCode  返回字符编码


7， 获取事件源

    target = e.target || e.srcElement

        target.tagName

    e.type

8, 事件流

    ff 先捕获然后再冒泡

    ie  冒泡

9， 取消冒泡

    e.stopPropagation() || e.cancelBubble = true;

10, addEventListener

    1,解决调用两次，不会被覆盖 （ie倒着弹出）
     window.addEventListener('load',function(){
             alert('lv');
     },false);


     window.addEventListener('load',function(){
         alert('Miss.lv');
     },false);


    ff lv Miss.lv

    ie Miss.lv lv

    2,解决传递两个相同的函数，只执行一次（ie没有解决，传递相同的两个函数)

    window.addEventListener('load',init,false);
        window.addEventListener('load',init,false);


   3，this指向 （ie this 指向window）

    window.attachEvent('load',function(){
            var box = document.getElementById('box');

            box.attachEvent('onclick',function(){
             alert(this===window);  //true
            })
    })



    function addEvent(obj,type, fn){
            obj.attachEvent('on'+type, function(){
                fn.call(obj,arguments);
        })
    }

addEvent(window,'load',function(){
    var box = document.getElementById('box');
    addEvent(box,'click',function(){
        alert(this === box);
    })
})



   4，添加一个额外的方法，不会不覆盖


11，    移入  e.ralatedTarget e.fromElement mouseover
    移出  e.ralatedTarget e.toElement   mouseout

12, 阻止默认行为

    e.preventDefault();
        e.returnValue = false;


    不能直接用return false；因为return false只能放到前面，后面的就不能执行了


13， 滚轮事件

      非 ff        mousewheel
      ff     DOMMouseScroll



 wD : function(e){
        var e = this.getEvent(e);
        if(e.wheelDelta){
            return e.wheelDelta;
        }else{
            return -e.detail*40;
        }
    }