1.添加事件
一般來說有三種方式addEventListener芙委、attachEvent、on
addHandler: function(element,type,handler){ //添加事件
if(element.addEventListener){
element.addEventListener(type,handler,false);
}else if(element.attachEvent){
element.attachEvent("on"+type,handler);
}else{
element["on"+type]=handler;
}
},
attachEvent是IE特有的方法
現(xiàn)在使用on和addEventListener比較多
on 和其他兩種不同的是 on事件只能綁定一個方法狂秦,多次綁定會被替換灌侣,其他的不會
2.獲取event對象
event?event:window.event
3.獲取target(當(dāng)前html對象)
event.target||event.srcElement
4.阻止事件冒泡
if(event.preventDefault){
event.preventDefault();
}else {
event.returnValue=false;
}
5.移除事件
移除事件講究比較多,如果你添加的事件方法不是命名方法裂问,那么你很難直接移除該事件侧啼;
移除方法需要有指向方法的指針,匿名方法是沒有玩意的
element.addEventListener("click",function(){
},false);
像這樣寫的就不要想著去移除了
6.獲取相關(guān)元素
if(event.relatedTarget){
return event.relatedTarget;
}else if(event.toElement){
return event.toElement;
}else if(event.fromElement){
return event.fromElement;
}else{
return null;
}
使用場景還是比較少的