代码改变世界

## 事件 2级绑定 ##

2015-09-24 20:19  we星星  阅读(266)  评论(0编辑  收藏  举报

     1.Ie浏览器
     obj.attachEven("on事件",处理程序; //添加)
    例:
    window.onload = function(){
        var btn = document。getElementById("btn");//事件源
        btn.attachEven("onclick",fn1);
        btn.attachEven("onclick",fn2);
        btn.detachEven("onclick",fn2);//删除
    }

    2.Ie:
    obj.detachEven("on事件",处理程序);//删除
    W3c:
    obj.addEventlistener("事件",处理程序); //添加,事件没有on;
        eg:btn.addEventlistener("dblclick",fn1,false)
    在FF.chrom执行的顺序和绑定的顺序一样.
    btn.removeEventlistner("dblclick",fn1,false);//删除

    删除Ie和w3c兼容:
    var Even = {
add:function(obj,type,foo){
if(obj.attachEvent){
obj.attachEvent("on"+type,foo);
}else if(obj.addEventListener){
obj.addEventListener(type,foo,false);
} else{
obj["on" + type] = foo;
}
},
remove:function(obj,type,foo){
if(obj.detachEvent){
obj.detachEvent("on" + type,foo);
}else if(obj.removeEventListener){
obj.removeEventListener(type,foo,false);
}else{
obj["on" + type] = null;
}
}
}
   
### **鼠标对象属性** ###

**鼠标事件**

    1.相对于浏览器的位置

    鼠标一定的方法:onmousemove鼠标移动物体

        client x;当鼠标事件发生时,鼠标相对于浏览器X轴的位置
        client y;当鼠标事件发生时,鼠标相对于浏览器y轴的位置 

    2.相当于屏幕位置

        screen x;
        screen y;
    3.相当于事件位置(有兼容问题)
        IE:Offset x,    offset y;//本身取出来就是Num的值
        W3C:layer x,    layer y;

**键盘事件**

    属性:keyCode;获取键盘密码,按下键盘的值;