javascript - スペースを押したときにテキストボックスの値を変更するにはどうすればよいですか?

Question

テキストボックスでスペースを押すたびに英単語をヒンディー語に変更したいのですが、キープレスイベントですが、スペースキーのみに適用する方法.

Answer 1

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
    $('#textboxid').keypress(function(e){    
        var code = (e.keyCode ? e.keyCode : e.which);
             if(code == 32) { //space keycode
               //Do language transilation here
             }
        });
     });
    </script>


    <form id="form1" name="form1">
      <input type="text" name="textfield" id="textboxid" />
    </form>

Answer 2

スペースは32です。したがって、jQuery keypress イベントを使用すると、次のように実行できます。

$("textarea").on("keypress", function(e) {
    if (e.keyCode == 32) {
        // ...
    }
});

Answer 3

バニラ js の回答の場合:

document.getElementById( 'textboxid' ).onkeypress = function( e ) {
    if ( e.keyCode === 32 ) {
        // Translate into Hindi
    }
}