Detect Comma/Enter key press

Question

There are some comma separated values in an input field. I want to alert a message when I am pressing the COMMA(,) or ENTER key. I have given the code that I used for this, but didn't work. Is there anything inefficient about this?

$(document).on("keyup", '.tagsinput', function (e) {
    if (e.which == 13 || e.which == 44) {
        alert('comma added');
    }
});

Answer 1

Use event.key and modern JS!

No number codes anymore. You can check for Enter or , key directly.

const input = document.getElementById("inputId");
input.addEventListener("keypress", function (event) {
    if (event.key === "Enter" || event.key === ",") {
        // Do something
    }
});

Mozilla Docs

Supported Browsers

Answer 2

The keycode (which in jQuery) for a comma is 188

There is a brilliant tool for this here

Answer 3

$(document).on("keyup", '.tagsinput', function (e) {
    if (e.keyCode == 188) { // KeyCode For comma is 188
        alert('comma added');
    }
});

Demo: http://jsfiddle.net/tusharj/3yLwgwhb/