javascript how to detect keyboard input

Question

when focusing on a certain input, user press kind of combination key such as "ctrl+e", I would like to show "ctrl+e" in the input.

next time user press another combination key, it will clean input and show the new one.

how can I make this? I look for some javascript plugins, but they are most for detecting certain input.

like this: https://github.com/OscarGodson/jKey

$("input").jkey("i",function(){
    jkey.log("You pressed the i key inside of an input.");
});

thanks a lot.

you need to listen to onkeypress or onkeydown. see [this answer](http://stackoverflow.com/a/14562869/1264548) — edamon, Dec 18 '14 at 05:44

score 2 · Answer 1 · edited Jun 20 '20 at 09:12

2

Another approach (no plugin needed) it to just use .ctrlKey property of the event object that gets passed in. It indicates if Ctrl was pressed at the time of the event, like this:

$(document).keypress("c",function(e) {
  if(e.ctrlKey)
    alert("Ctrl+C was pressed!!");
});

Update

$(document).on('keypress','input',function(e){
    if ( e.ctrlKey && ( String.fromCharCode(e.which) === 'c' || String.fromCharCode(e.which) === 'C' ) ) {
        console.log( "You pressed CTRL + C" );
    }
});

edited Jun 20 '20 at 09:12

Community

1
1

answered Dec 18 '14 at 05:41

Mangesh Parte

2,179
1
13
16

I have no idea of what user will press in the input, if I use this way, I have to write many functions for all kind of possible inputs? – kathy Dec 18 '14 at 05:43

score 0 · Accepted Answer · answered Dec 18 '14 at 06:10

Not all browsers allow the catching of cntrl keypress. This would work for the rest

$( document ).keypress(function(e) {
    var ch = String.fromCharCode(e.charCode);
    if(e.ctrlKey){
      console.log('cntrl+'+ch+' was pressed');
    }else{
      console.log(ch+' was pressed');
    }
});

javascript how to detect keyboard input

2 Answers2

Update