JS中的事件类型和事件属性的基础知识

焦点事件 : 焦点事件可以获取用户在界面上的行踪;　　　　blur : 失去焦点的 时候触发， 不冒泡；　　　　focus ： 这个是聚焦的时候发生， 不冒泡；　　　　DOMFocusIn ： 这个时间和 focusin一样，只是DOM三选择了focusin　　　　DOMFocusOut ： 这个时间和 focusout一样，只是DOM3选择了focusout　　　　focusin ：冒泡的聚焦事件;　　　　focusout ： 冒泡的失焦事件;

检测焦点事件的代码如下,只能说火狐不给力，:

运行下面代码

          calc      

        chrome 的结果
            focus
            focusin
            body focusin
            DOMFocusIn
            blur
            focusout
            body focusout
            DOMFocusOut
        firefox的结果：
            "focus"
            "blur"

        chorme所有的冒泡事件都支持。
        火狐34还是只支持focus 和blur， 而且界面一开始就自动对body进行了focus;    

运行下面代码

                                      calc      

dblclick：鼠标双击的时候触发，有时候有用， 如果dblclick触发了也会触发click的事件;

运行下面代码

事件名字只要包含mouse， 都只能通过鼠标的触发比如, 无法通过键盘触发的事件：　　　　mousedown,　　　　mousemove,　　　　mouseout,　　　　mouseover,　　　　mouseup　　　　mouseenter, (要注意这个事件， chrome的高版本才支持的, 这个事件是ie先弄出来的，jQ有做兼容处理所以在chrome下可以使用这个事件)　　　　　　mouseleaver (要注意这个事件， chrome的高版本才支持的, 这个事件是ie先弄出来的，jQ有做兼容处理所以在chrome下可以使用这个事件);

要检测鼠标事件的兼容通过：　　　　document.implementation.hasFeature("MouseEvents","2.0") //true （注意注意，DOM2的事件检测的名字是复数，要加一个s，DOM3的不用的）　　　　document.implementation.hasFeature("MouseEvent","3.0") //true　　　　document.implementation.hasFeature("MouseEvent","4.0") //true　　　　document.implementation.hasFeature("MouseEvent","5.0") //true　　　　chrome和firefox这两个奇葩了(IE? IE是什么能吃吗？)， 无论怎么传都是true, 我勒个去;新航道雅思

相关元素（relateTarget）:　　　　　　IE下没有relateTarget这个东东， 有个toElement和fromElement;这个属性没啥用， 唯一的用处就是在不支持mouseenter以及mouseleave的浏览器中模拟这两个事件(chrome低版本);

鼠标按钮：　　　　　　平常用的不多，就是在鼠标按下去的时候是鼠标左键还是中键还是鼠标右键的区别；　　　　　　IE8以及之前对鼠标的按键的规定和DOM3区别很大，DOM3是这样规定的：　　　　　　　　0：鼠标左键，　　　　　　　　1：鼠标中键（滚动键）；　　　　　　　　2：鼠标右键；　　　　因为IE和DOM2,DOM3按钮事件属性(event)都有button这个属性，必须通过hasFearture进行判断（也没有别的方法了吧，soga）,so,兼容代码要如下：

运行下面代码

if( document.implementation.hasFearture("MouseEvents","2.0")return event.button,             else{                 swtich( event.button ) {                     case 0:                     case 1:                     case 3:                     case 5:                     case 7:                         return 0;                     case 2:                     case 6:                         return 2;                     case 4 :                         return 1                 };             }

现在到了滚轮事件了：

IE和chrome以及opera的鼠标滚轮滚动都是通过event.wheelDelta标识的;　　　　如果滚轮是向上滚动那么wheelDelta为120，向下值为-120； 哇擦家里么哟鼠标， 笔记本的滚轮怎么滚啊，（￣Ｑ￣）╯，先贴代码吧，

运行下面代码

                                                                       xx