Use jquery on with keyevent

Question

I have a ajax function witch gets triggered by the .on function of jquery it looks like this:

//button handler
$('body').on('click', '#btn', function() {
    ajaxloader(this);
});

Now if I have a button and I give it the btn id it works all fine. How to do the same with the enter key-event. My pseudo code:

//key handler
$('body').on('onkeyup:13', '.enter', function() {
    ajaxloader(this);
});

I want to use it in the same context of the .on function but if this is not possible an other way will only work when I can pas the this variable form the element with the .enter class.

Answer 1

   $('body').on('keyup', '.enter', function(e) {
      if(e.keyCode === 13) {
        ajaxloader(this);
      }
    });

Answer 2

I hope this will help.

$('#searchbox input').bind('keypress', function(e) {
     var code = (e.keyCode ? e.keyCode : e.which);
     if(code == 13) { //Enter keycode
       //Do something
     }
});

Answer 3

not sure if this is what you want..

 $('body').on('keyup', '.enter', function(event) {
     if (event.keyCode == '13') {  /// check if the keypressed is enter.. if yes...
           //do your stuff
        }
 });

Answer 4

with some inspiration of @Jashwant I found how to do it. I use this to get all the attributes of the button witch is clicked but when using enter it does not know witch element it needs so I now appoint an element manually like this:

$('body').on('keyup', function(e) {
        if(e.keyCode === 13){
            ajaxloader($('.enter'));
        }   
});