Riix's Tumblr

# EventUtil

프론트엔드 개발자를 위한 자바스크립트 프로그래밍 발췌

```javascript var EventUtil = {

   addHandler: function(element, type, handler){        if (element.addEventListener){            element.addEventListener(type, handler, false);        } else if (element.attachEvent){            element.attachEvent("on" + type, handler);        } else {            element["on" + type] = handler;        }    },

   getButton: function(event){        if (document.implementation.hasFeature("MouseEvents", "2.0")){            return event.button;        } else {            switch(event.button){                case 0:                case 1:                case 3:                case 5:                case 7:                    return 0;                case 2:                case 6:                    return 2;                case 4: return 1;            }        }    },

   getCharCode: function(event){        if (typeof event.charCode == "number"){            return event.charCode;        } else {            return event.keyCode;        }    },

   getClipboardText: function(event){        var clipboardData =  (event.clipboardData || window.clipboardData);        return clipboardData.getData("text");    },

   getEvent: function(event){        return event ? event : window.event;    },

   getRelatedTarget: function(event){        if (event.relatedTarget){            return event.relatedTarget;        } else if (event.toElement){            return event.toElement;        } else if (event.fromElement){            return event.fromElement;        } else {            return null;        }

   },

   getTarget: function(event){        return event.target || event.srcElement;    },

   getWheelDelta: function(event){        if (event.wheelDelta){            return (client.engine.opera && client.engine.opera < 9.5 ? -event.wheelDelta : event.wheelDelta);        } else {            return -event.detail * 40;        }    },

   preventDefault: function(event){        if (event.preventDefault){            event.preventDefault();        } else {            event.returnValue = false;        }    },

   removeHandler: function(element, type, handler){        if (element.removeEventListener){            element.removeEventListener(type, handler, false);        } else if (element.detachEvent){            element.detachEvent("on" + type, handler);        } else {            element["on" + type] = null;        }    },

   setClipboardText: function(event, value){        if (event.clipboardData){            event.clipboardData.setData("text/plain", value);        } else if (window.clipboardData){            window.clipboardData.setData("text", value);        }    },

   stopPropagation: function(event){        if (event.stopPropagation){            event.stopPropagation();        } else {            event.cancelBubble = true;        }    }

yyy by putyourhandsup-1 featuring print shirts

riix님의 바인 동영상을 구경해보세요! https://vine.co/v/h3PYxxqPTj0

https://www.evernote.com/shard/s1/sh/2bd99f51-9bb1-463a-9eb8-7ad802bbc2c8/16f2c46cbc74b8cd05c2e3ab684616a4

가상객체를 이용한 이미지 LazyLoad 구현

Created with VSCO Cam

123123 by putyourhandsup-1 featuring a leather trenchcoat

figure { height: 0; padding-bottom: 56.25%; /* 16:9 */ position: relative; width: 100%; } iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

IMG_5828.JPG on Flickr.

on Flickr.