diff --git a/packages/alpinejs/src/utils/on.js b/packages/alpinejs/src/utils/on.js index af6df6f9f..c50fa7ff8 100644 --- a/packages/alpinejs/src/utils/on.js +++ b/packages/alpinejs/src/utils/on.js @@ -169,6 +169,7 @@ function keyToModifiers(key) { 'left': 'arrow-left', 'right': 'arrow-right', 'period': '.', + 'comma': ',', 'equal': '=', 'minus': '-', 'underscore': '_', diff --git a/packages/docs/src/en/directives/on.md b/packages/docs/src/en/directives/on.md index f51cc9689..735e8eee9 100644 --- a/packages/docs/src/en/directives/on.md +++ b/packages/docs/src/en/directives/on.md @@ -89,6 +89,7 @@ For easy reference, here is a list of common keys you may want to listen for. | `.caps-lock` | Caps Lock | | `.equal` | Equal, `=` | | `.period` | Period, `.` | +| `.comma` | Comma, `,` | | `.slash` | Forward Slash, `/` | diff --git a/tests/cypress/integration/directives/x-on.spec.js b/tests/cypress/integration/directives/x-on.spec.js index 2704000d3..62c6f2752 100644 --- a/tests/cypress/integration/directives/x-on.spec.js +++ b/tests/cypress/integration/directives/x-on.spec.js @@ -397,6 +397,7 @@ test('keydown modifiers', x-on:keydown.slash="count++" x-on:keydown.period="count++" x-on:keydown.equal="count++" + x-on:keydown.comma="count++" > @@ -430,6 +431,8 @@ test('keydown modifiers', get('span').should(haveText('25')) get('input').type('.') get('span').should(haveText('27')) + get('input').type(',') + get('span').should(haveText('29')) } )