Keypress event not working in Chrome

Question

0.00/5 (No votes)

See more:

Hello everyone i tried the keypress event for enter button that is working fine in IE and firefox
but not in chrome

JavaScript

$('.div').bind('keypress', function (e) {
       if (e.keyCode == 13) {
           alert("Enter prssed");
       }
   });

Please help me in this

Posted 25-Jun-13 2:30am

ravithejag

Updated 8-Sep-16 0:01am

Add a Solution

Comments

ravithejag 25-Jun-13 8:30am

I also tried keydown instead of keypress then also its not working in chrome

Ahmed Bensaid 25-Jun-13 8:45am

I think, you have to attach the keypress event to a focusable form element ;)

Kalpesh Kumar Joshi 25-Jun-13 8:47am

Try this:
http://stackoverflow.com/questions/6311290/keypress-event-not-working-in-ie-and-chrome-
but-working-in-ff

Kalpesh Kumar Joshi 25-Jun-13 9:32am

Hi Ravi,
I tried this code and found that in chrome HTML button tag not get focused or it lost focus after any event call, if you call a focus set method before keydown/keypress event then it works fine in chrome, also i tried with input type and it work fine in chrome with "keydown" or "keypress" event. Hope you find it relevant.

Member 12727231 8-Sep-16 6:01am

Keypress event not working in Chrome
Rate:

See more: ASP.NET Javascript jQuery
Hello everyone i tried the keypress event for enter button that is working fine in IE and firefox
but not in chrome
Hide Copy Code
$('.div').bind('keypress', function (e) {
if (e.keyCode == 13) {
alert("Enter prssed");
}
});
Please help me in this
Permalink Posted 25-Jun-13 7:30am
ravithejag3.8K
Updated 32 secs ago

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Prasad Khandekar · Answer 1 · 2013-06-25T02:42:00

Solution 1

Hello Ravi,

I have setup a demo at JSFiddle.Net[^], which even works in chrome. Since you have not shared the HTML markup, I have taken liberty to use my own markup, which may be different than your's. Please feel free to fiddle with it.

In your case if you want to bind to a particular button then you may want to change your selector to an id based selector ('#' + CONTROL_ID).

Regards,

Posted 25-Jun-13 2:42am

Prasad Khandekar

Comments

Member 12727231 8-Sep-16 6:01am

Keypress event not working in Chrome
Rate:

See more: ASP.NET Javascript jQuery
Hello everyone i tried the keypress event for enter button that is working fine in IE and firefox
but not in chrome
Hide Copy Code
$('.div').bind('keypress', function (e) {
if (e.keyCode == 13) {
alert("Enter prssed");
}
});
Please help me in this
Permalink Posted 25-Jun-13 7:30am
ravithejag3.8K
Updated 32 secs ago

Prasad Khandekar 21-Feb-17 9:36am

Hi,

The JSFiddle demo I have setup appears to be working in Chrome. I have tested with 56.0.2924.87.

Regards,

ravithejag 23-Feb-17 22:52pm

Yes Prasad its working as expected in Chrome.Thnaks

Member 12727231 · Answer 2 · 2016-09-08T00:00:00

Solution 2

C#

Hello Ravi,

I have setup a demo at JSFiddle.Net[^], which even works in chrome. Since you have not shared the HTML markup, I have taken liberty to use my own markup, which may be different than your's. Please feel free to fiddle with it. 

In your case if you want to bind to a particular button then you may want to change your selector to an id based selector ('#' + CONTROL_ID).

Regards,
  Permalink    Posted 25-Jun-13 7:42am

Posted 8-Sep-16 0:00am

Member 12727231

Comments

Member 12727231 8-Sep-16 6:01am

Keypress event not working in Chrome
Rate:

See more: ASP.NET Javascript jQuery
Hello everyone i tried the keypress event for enter button that is working fine in IE and firefox
but not in chrome
Hide Copy Code
$('.div').bind('keypress', function (e) {
if (e.keyCode == 13) {
alert("Enter prssed");
}
});
Please help me in this
Permalink Posted 25-Jun-13 7:30am
ravithejag3.8K
Updated 32 secs ago

Member 12727231 · Answer 3 · 2016-09-08T00:01:00

C#

Keypress event not working in Chrome
Rate:	
 
  	
See more: ASP.NET Javascript jQuery
Hello everyone i tried the keypress event for enter button that is working fine in IE and firefox
but not in chrome 
Hide   Copy Code
$('.div').bind('keypress', function (e) {
       if (e.keyCode == 13) {
           alert("Enter prssed");
       }
   });
Please help me in this
  Permalink         Posted 25-Jun-13 7:30am
ravithejag3.8K
Updated 32 secs ago

Keypress event not working in Chrome

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us