事件的绑定、滚轮事件、键盘事件

事件的绑定

addEventListener()通过这个方法可以为元素绑定响应函数

参数：

    1.时间的字符串（不要on；onclick--》click）

    2.回调函数，当事件触发时该函数会被调用

    3.是否在捕获阶段触发事件，需要一个布尔值，一般都传false

使用addEventListener()可以同时为一个元素的相同事件绑定多个响应函数，这样当事件被触发时，响应函数将会按照函数的绑定顺序执行。这个方法不支持IE8以下浏览器。

attachEvent()在IE8以下中可以使用attachEvent()来绑定事件

参数：

    1.事件字符串，要on

    2.回调函数

这个方法也可以同时为一个事件绑定多个处理函数，不同的是它是后绑定先执行，顺序和addEventListener()相反。

定义一个函数bind来为指定元素绑定响应函数（兼容所有浏览器）

addEventListener()中的this，是绑定事件的对象

attachEvent()中的this，是window

需要统一两个方法中的this

参数：obj：要绑定事件的对象

           evenStr：事件的字符串（不要on）

           callback：回调函数

function bind(obj,eventStr,callback){
    if(obj.addEventListener){
        obj.addEventListener(eventStr,callback,false);      //大部分浏览兼容的方式
    }else{ 
        obj.attachEvent("on"+eventStr,function(){           //在匿名函数中调用回调函数
            callback.call(obj);                             //指定this
        });
    }
}

当我们拖拽一个网页中的内容时，浏览器会默认搜索内容，如果不希望发生这个行为可以设置return false取消

当调用一个元素的setCapture()方法以后，这个元素会将把下一次所有的鼠标按下相关的事件捕获到自己身上   releaseCapture()释放捕获    只有IE支持，火狐中调用不会报错而chorme调用会报错

滚轮事件

onmusewheel鼠标滚轮滚动事件，会在滚轮滚动时触发，但火狐不支持该属性，在火狐中需要使用DOMMouseScroll来绑定滚动事件。注意：该事件需要通过addEventListener()来绑定

event.wheelDelta可以获取鼠标滚轮的滚动方向。向上滚120，向下滚-120，这个值不看大小，只看正负

wheelDelta这个属性火狐不支持，在火狐中使用event.detail来获取滚动的方向，向上滚-3，向下滚3

当滚轮滚动时，如果浏览器有滚动条，滚动条会随之滚动，这是浏览器默认行为，如果不希望发生，可以使用return false取消

使用addEventListener()方法绑定响应函数，取消默认行为时不能使用return false，需要使用event来取消默认行为：event.preventDefault();但IE8不支持event.preventDefault();如果直接调用会报错

Eg： event.preventDefault && event.preventDefault();

         return false;

键盘事件

onkeydown  按键被按下 对于onkeydown来说如果一直按着某个键不放，则事件会一直触发

onkeyup       按键被松开

键盘事件一般都会绑定给一些可以获取焦点的对象，或者document

当onkeydown连续触发时，第一次和第二次之间的间隔会稍微长一点，其他会非常快，这种设计是为了防止误操作发生

可以通过keycode获取按键的编码，通过它可以判断哪个键被按下

除了keycode，事件对象还提供了几个属性altKey、ctrlKey、shiftKey判断alt、ctrl、shift是否按下

Eg：判断y和ctrl是否同时被按下

        if(event.keyCode===89 && event.ctrlKey){

              ...........................

        };

如果onkeydown中取消了默认行为，则输入的内容不会出现在文本框中。