JS: 事件-event

事件：
什么是event对象
    用来获取事件的详细信息：鼠标位置 、键盘按键；
    例子：获取鼠标位置：clientX
    document的本质：document.childNodes[0].tagName;
获取vent对象（兼容性写法）
    var oEvent=ev||event;//火狐用的是ev,而其他的是event
事件流
    事件冒泡
        取消冒泡:oEvent.cancelBubble=true;
        例子：仿select控件
        DOM事件流；
鼠标事件
鼠标位置：
    可视区位置：clientX\clientY
        例子：跟随鼠标的DIV
            消除滚动的影响；
            滚动条的意义-可视区与页面顶部的距离；
        用到clientX和clientY的时候，要加上scrollTop; 
        scrollTop = docemnet.docementElement.scrollTop||docuemnt.body.scrollTop;

获取鼠标在页面的绝对位置
    封闭函数
    例子：一串跟随鼠标的DIV

keyCode
    获取用户按下键盘的哪个按键
    例子：键盘控制DIV移动；
其他属性：
    ctrlKey\shiftKey\altKey
    例子：提交留言；
        回车提交：是交给输入框一个事件；
        ctrl+回车提交；
默认行为：
    什么是默认行；
阻止默认行为
    普通写法：return false;
    document.οncοntextmenu=fun()
    {
        return false;
    }
    例子：屏蔽右键菜单；
    弹出自定义右键菜单；
    例子：只能输入数字的输入框；
        keydown\keyup事件的区别；
【拖拽】
简易拖拽
    拖拽的原理；
        距离不变
        三个事件
鼠标按下（求距离）:onmousedown
    disX = oEvent.clientX-oDiv.offsetLeft;
    disY = oEvent.clientY-oDiv.offsetTop;
鼠标移动（）：onmousemove
    
鼠标松开（）：onmouseup
靠谱拖拽：
    原有拖拽的问题
        直接给document加事件；
    FF下，空DIV拖拽BUG
        阻止默认事件；
    防止拖出页面；
        修正位置；