CODEWITHSUNDEEP
javascriptjquery
jruiz
jruiz

Reputation: 95

I can't capture enter key in select2

I am using select2, and I need to capture the enter key, but I can't.

I used:

$(document).on('keydown', '.select2-input', function (ev) {

   if (ev.which == 13) {
     alert('press enter')     
   }

   if (ev.which == 9) {
     ev.preventDefault();
     ev.stopImmediatePropagation();
     alert('press tab')                
 }
});

I can capture all the keys but for the enter.

Can someone help me?

Upvotes: 4

Views: 5801

Answers (3)

aleixfabra
aleixfabra

Reputation: 1095

@Anon's code works!

I'm using Select2 4.0.3 and I just remove keypress and keydown events:

$(document).on('keyup', '.select2-search__field', function (e) {
    if (e.which === 13) {
        alert('Pressed enter!');
    }
});

Upvotes: 1

Pandiyan Cool
Pandiyan Cool

Reputation: 6575

Try this out:

$('select2-search-field > input.select2-input').on('keyup', function(e) {
   if(e.keyCode === 13) 
      alert('enter key event');
});

Upvotes: 0

Anon
Anon

Reputation: 61

Try this, it's essentially the same thing:

$(document).on('keyup keypress keydown', ".select2-input", function (e) {
    if (e.which == 13) {
        console.log("Pressed enter!");
    }
});

Upvotes: 1

Related Questions