事件对象

178 阅读1分钟
事件对象概述
事件对象创建
    --标准方式:系统自动创建
    --chrome支持e和window.event写法
    --firefox只支持e标准写法,不支持window.event
    --IE9/10支持e标准写法,也支持window.event
    --兼容lE6/7/8方式:只支持window.event
事件对象兼容写法:
    --e=window.event||e;//e函数参数,自动生成的事件对象

事件对象的属性
    --button鼠标左键、中键、右键
    --标准方式(chrome\firefox)
        О规定鼠标左键
        1规定鼠标中键
        2规定鼠标右键
    --IE拥有不同的参数:
        1规定鼠标左键
        4规定鼠标中键
        2规定鼠标右键
        
        --shiftKey键盘shift返回true
        --ctrlKey键盘ctrl返回ture
        --altKey 键盘alt返回true
        --target返回触发当前事件的对象
        说明:IE6/7/8浏览器兼容写法srcElement
        
        --type返回当前事件的名称
        --screenX鼠标指针的屏幕水平坐标
        --screenY鼠标指针的屏幕垂直坐标
        --clientX鼠标指针相对于窗口的水平坐标,不包括左右侧边栏和滚动条
        --clientY 鼠标指针相对于窗口的垂直坐标
            说明:IE中写法x y
            Firefox中写法pagex pageY
        --offsetX相对于对象区域的×坐标只有IE和chrome支持,firefox不支持
        -offsetY说明:兼容写法:e.clientX-this.offsetLeft