JavaScript 이벤트 구동 모델

1. 이벤트 구동 모델:

 :                ,     onclick         ;

2. 이벤트 구동 요소:

    1.   ;
    2.  (  );
          :
                ;
                            ;
                ;
                     ;

3. 이벤트 분류:
4. 모니터:

1.IE 
        element.attachEvent(event, function);   

        element.detachEvent(event, function);//  

  2.chrom ff
        element.addEventListener(event, function, useCapture);//  

        element.removeEventListener(event, function, useCapture);//  

5. 이벤트 대상 (이벤트 대상)

     :1.      ,             ;
       2.          ;    
           //event  
        btn.onclick = function (e) {
            var ev = e || window.event;    //   
       }
        var wrap = document.getElementById("wrap");
        wrap.onmousemove = function(e) {
            var ev = e || window.event;
            this.innerHTML = ev.type;
            //     
            this.innerText = ev.clientX + " " + ev.clientY;
            //    
            this.innerHTML = ev.screenX + " " + ev.screenY;
            //     
            this.innerHTML = ev.offsetX + " " + ev.offsetY;
            this.innerHTML = ev.layerX + " " + ev.layerY;

        };

6. keycod 이벤트 키보드 코드:

        document.body.onkeydown = function(e) {
            var ev = e || window.event;
            //     
           wrap.innerHTML = ev.keyCode;
            //altKey
               wrap.innerHTML = ev.altKey;
            //ctrlKey
            wrap.innerHTML = ev.ctrlKey;
            //shiftKey
            wrap.innerHTML = ev.shiftKey;
            console.log(ev.type);

           = 13; alt = 18;   = 38;   = 39; 

          = 37;   = 40; Ctrl =17; shift = 16;
                ,event.type          ;