ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 자바스크립트 텍스트박스 탭키
    Web/Javascript 2010. 1. 13. 10:00
    반응형
    http://stackoverflow.com/questions/3362/capturing-tab-key-in-text-box

     
    body>
    <input type="text" id="myInput">
    <script type="text/javascript">
       
    var myInput = document.getElementById("myInput");
       
    if(myInput.addEventListener ) {
            myInput
    .addEventListener('keydown',this.keyHandler,false);
       
    } else if(el.attachEvent ) {
            myInput
    .attachEvent('onkeydown',this.keyHandler); /* damn IE hack */
       
    }

       
    function keyHandler(e) {
           
    var TABKEY = 9;
           
    if(e.keyCode == TABKEY) {
               
    this.value += "    ";
               
    if(e.preventDefault) {
                    e
    .preventDefault();
               
    }
               
    return false;
           
    }
       
    }
    </script>
    </body>


    <SCRIPT TYPE="text/javascript"><!--
    function CatchTab(myfield,e) {
     
    var keycode;
     
    if (window.event) {
        keycode
    = window.event.keyCode;
     
    } else if (e) {
        keycode
    = e.which;
     
    } else {
       
    return true;
     
    }

     
    if (keycode == 9) { // if is the tab key
       
    // Do stuff, return false to prevent key from being output
     
    }
    }
    //--></SCRIPT>

    <INPUT NAME="MyText" TYPE="Text" onKeyPress="return CatchTab(this,event)" />
    반응형

    'Web > Javascript' 카테고리의 다른 글

    HTML 자바스크립트 튜토리얼  (0) 2009.11.04
    자바스크립트 속성 추가하기  (0) 2009.10.14
    유용한 매서드  (0) 2008.09.24

    댓글

Designed by Tistory.