JavaScript開発–addHandler、removeHandlerイベントハンドラの操作方法

2017年1月14日

サンプルコード:
var =EventUtil{
//イベントハンドラの追加//
addHandler:function(element,type,handler){
if(element.addEventListener){
addEventListener(type,handler,false);
}else if(element.attachEvent){
attachEvent(“on"+type,handler);
}else{
element[“on"+type]=handler;
}
}
//イベントハンドラの削除//
removeHandler:function(element,type,handler){
if(element.removeEventListener){
removeEventListener(type,handler,false);
}else if(element.detachEvent){
detachEvent(“on"+type,handler);
}else{
element[“on"+type]=null;
}
}
getEvent:function(event){
return event ? event : window.event;
}
getTarget:function(event){
return event.target || event.scrElement;
}
preventDefault:function(event){
if(event.preventDefault){
event.preventDefault();
}else{
event.returValue=false;
}
}
stopPropagation:function(event){
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble=true;
}
}
}