js 代码典藏

最新推荐文章于 2022-11-24 11:45:00 发布

原创最新推荐文章于 2022-11-24 11:45:00 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #object #null

本文介绍了一种兼容多种浏览器的事件绑定方法，通过自定义函数 addEvent 和 removeEvent 实现对 DOM 元素的事件监听及移除。适用于需要在不同浏览器环境下确保事件处理程序正确执行的场景。

addEvent( object, eventType, function );

addEvent( document.getElementById('foo'), 'click', doSomething );
addEvent( obj, 'mouseover', function(){ alert('hello!'); } );

使用之前，先把下面的代码复制过来：

function addEvent( obj, type, fn ) {
  if ( obj.attachEvent ) {
    obj['e'+type+fn] = fn;
    obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
    obj.attachEvent( 'on'+type, obj[type+fn] );
  } else
    obj.addEventListener( type, fn, false );
}
function removeEvent( obj, type, fn ) {
  if ( obj.detachEvent ) {
    obj.detachEvent( 'on'+type, obj[type+fn] );
    obj[type+fn] = null;
  } else
    obj.removeEventListener( type, fn, false );
}