JavaScript - inputbox 이벤트 (keyup, keydown, keypress)

HTMl 소스

<input type="text" id="msg" />
<script>
    var msg = document.querySelector("#msg");
    msg.onkeyup = doAction;
    //msg.onkeypress // keydown 으로 활용
    msg.onkeydown = doAction;

    function doAction(e) {
        // 이벤트 타입 확인
        console.log("이벤트타입:", e.type, "입력키:", e.key, "입력키코드값:", e.keyCode, "ctrlKey 사용", e.ctrlKey);
    }
</script>

 

결과