跨浏览器实现自定义事件处理_跨浏览器调用-优快云博客

本文介绍了一种跨浏览器实现自定义事件处理的方法，通过使用`window.DEvent`对象来监听并响应不同类型的事件，如鼠标移动。通过实例演示了如何在不同浏览器中统一事件处理逻辑，确保代码的兼容性和稳定性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**跨浏览器实现自定义事件处理
*author:Mygirl
**/
window.DEvent = {
    addListener:function(obj,target,act){
          if(obj.attachEvent)
                 obj.attachEvent("on" + target , act);
          if(obj.addEventListener)
                 obj.addEventListener(target , act , false);
     }
     removeListener:function(obj,target,act){
          if(obj.detachEvent)
                   obj.detachEvent("on"+target,act);
          if(obj.removeEventListener)
                   obj.removeEventListener(target,act,false);
     }   
}

Object.prototype.eventHandler = function(handler){
     var b = this ;
     b = b;
     return function(c){
               if(!c){
                       c = window.event ;
                }
                if(c&&!c.target){
                       c.target = c.srcElement; 
                }
                b[handler](c);
      }   
}

调用方法如下：

function test(){
var container = document.getElementById("div1");
this.container.onmouseMove = this.eventHandler("onMouseMoveMouse");
CEvent.addListener(this.container, "mousemove", this.eventHandler("onmapmousemove"));
}

onMouseMoveMouse.js

Zx.prototype.onmapmousemove = function(evt) {
/*var cpointtmp = new ZxPoint(this.container.offsetLeft + evt.clientX - this.mapDiv.offsetLeft, this.container.offsetTop + evt.clientY - this.mapDiv.offsetTop);
        Theodolite$setPoint(cpointtmp);*/
alert("test");
 }