JS 기초 회고, 연습 (이벤트 이벤트)

4905 단어
/ / 이벤트 이벤트 에 대한 응답 을 element 에 연결 합 니 다.
/ / element 대상 을 제거 하여 이벤트 이벤트 발생 시 함수 실행
var box = document.getElementById("box1"); //       
function addEvent(obj,type,fn){ //          
    if(document.addEventListener){ return obj.addEventListener(type,fn); }else{ if(document.attachEvent){ return obj.attachEvent("on"+type,fn); } } } addEvent(box,"click",function(){ console.log(1); }); addEvent(box,"click",fn2); function fn2(){ console.log(2); } //       
function reEvent(obj,type,fn){ //          
    if(document.removeEventListener){ obj.removeEventListener(type,fn); }else{ if(document.detachEvent){ obj.detachEvent("on"+type,fn); } } } reEvent(box,"click",fn2);

 // 클릭 이벤트 에 대한 귀속 실현
function addClickEvent(element, listener) { //          
    if(document.addEventListener){ return element.addEventListener('click',listener); }else{ if(document.attachEvent){ return element.attachEvent('onclick',listener); } } } var ul = document.getElementById("ul"); addClickEvent(ul,function(){ console.log(this) });

/ / Enter 키 를 눌 렀 을 때의 이벤트 귀속 실현
function addEnterEvent(element, listener) { if(window.addEventListener){ //  window  keydown  
        window.addEventListener("keydown",function(e){ //       enter ,          
             if(e.keyCode===13){ listener(); } }); }else{ //   IE   
        document.attachEvent("onkeydown",function(){ if(window.event.keyCode===13){ listener(); } }) } } var ul = document.getElementById("ul"); addEnterEvent(ul,function(){ console.log("1"); })

좋은 웹페이지 즐겨찾기