JSFiddle - React, Tailwind, and code Playground

by seong gyun jeon

JavaScript

function bind(elem, type, handler, capture) {
            
    type = typeof type === 'string' && type || '';
    handler = handler || function () { ; };

    if (elem.addEventListener) {
        elem.addEventListener(type, handler, capture);
    }
    else if (elem.attachEvent) {
        elem.attachEvent('on' + type, handler);
    }
    else {
        elem['on' + type] = handler;
    }

    return elem;
};

// 이벤트 삭제
function unbind(elem, type, handler) {
    type = typeof type === 'string' && type || '';
    handler = handler || function () { ; };

    if (elem.removeEventListener) {
        elem.removeEventListener(type, handler);
    }
    else if (elem.detachEvent) {
        elem.detachEvent('on' + type, handler);
    }
    else {
        elem['on' + type] = null;
    }

    return elem;
};

var handler = function (e) {
    console.log(e);
};

function stopDefault(e) {
    if (window.event) e.returnValue = false;
    else if (e.preventDefault) e.preventDefault();
};

// 등록
bind(window, 'load', handler, false);
// 삭제
unbind(window, 'load', handler);