因为ie的event是全局的而firefox的event是局部的,用起来不太方便,这个时候我们就要自己组装一下常用的event操作了,封装成类便于重用
复制代码 代码如下:
/**
类 event
用法:
event.getevent();获取 ie,firefox的event
event.gettarget();获取ie的srcelement或firefox的target
event.isie();是否为ie
event.clientx(); 获取ie,fox的鼠标x坐标
event.clienty();获取 ie,fox的鼠标y坐标
*/
var event=new function(){
this.tostring=function(){
return this.getevent();
}
//获取 事件
this.getevent=function(){
var ev=window.event;
if(!ev){
var c=this.getevent.caller;
while(c){
ev=c.arguments[0];
if(ev && event ==ev.constructor)
break;
c=c.caller;
}
}
return ev;
};
//获取 事件源
this.gettarget=function(){
var ev=this.getevent();
return this.isie()?ev.srcelement:ev.target;
}
//是否为ie
this.isie=function(){
return document.all?true:false;
}
//鼠标x坐标
this.clientx=function(){
var ev=this.getevent();
var x=this.isie()?ev.clientx:ev.pagex;
return x;
}
//鼠标y坐标
this.clienty=function(){
var ev=this.getevent();
var y=this.isie()?ev.clienty:ev.pagey;
return y;
}
/**增加事件(对象,事件类型,函数指针 )
obj: html对象
sevent: 事件名称
spnotify: 事件执行的方法
iscapture:是否允许全屏捕捉
*/
this.addevent=function(obj,sevent,fpnotify,iscapture){
sevent=sevent.indexof(on)!=-1?sevent:on+sevent;
if(obj.addeventlistener){
sevent=sevent.substring(sevent.indexof(on)+2);
obj.addeventlistener(sevent,fpnotify,iscapture);
}else{ //ie
if(iscapture)
obj.setcapture(iscapture);
obj.attachevent(sevent,fpnotify);
}
}
//移除事件
this.removeevent=function(obj,sevent,fpnotify){
if(obj.removeeventlistener){
sevent=sevent.substring(sevent.indexof(on)+2)
obj.removeeventlistener(sevent,fpnotify,false);
}else{
obj.detachevent(sevent,fpnotify);
}
}
//获取鼠标按键,left=1,middle=2,right=3
this.button=function(){
var ev=this.getevent();
if(!ev.which&&ev.button){//ie
return ev.button&1?1:(ev.button&2?3:(ev.button&4?2:0))
}
return ev.which;
};
//阻止事件冒泡传递
this.stoppropagation=function(){
var ev=this.getevent();
if(this.isie)
ev.cancelbubble=true;
else
ev.stoppropagation();
}
//阻止默认事件返回
this.preventdefault=function(){
var ev=this.getevent();
if(this.isie)
ev.returnvalue=false;
else
ev.preventdefault();
}
}