js事件监听及解除事件监听兼容性写法

  <div id="box" style="width: 200px;height: 200px;background-color: pink;"></div>
    <script>
        var box = document.getElementById('box');
        function fun() {
            alert(1);
        }
        //事件监听
        function addEvent(dom, event, fnName) {
            //ie8(包含)以上及chrome,火狐
            if (dom.addEventListener) {
                dom.addEventListener(event, fnName);
            }
            //ie
            else {
                dom.attachEvent('on' + event, fnName);
            }
        }
        addEvent(box, 'click', fun);

        setTimeout(function () {
            removeEvent(box, 'click', fun);
        }, 1000)//1s后解除事件监听

        //解除事件监听
        function removeEvent(dom, event, fnName) {
            if (dom.removeEventListener) {
                dom.removeEventListener(event, fnName);
            }
            //ie
            else {
                dom.detachEvent('on' + event, fnName);
            }
        }
    //chrome及火狐不支持attachEvent和detachEvent的方法
    //attachEvent和detachEvent方法不支持第三个参数
    </script>