FireFox event handling

Question

0.00/5 (No votes)

See more:

Wonder if anyone knows why this does now work:

XML

<asp:TextBox Width="50" ID="TB1" runat="server" onKeyPress="CatchEnter(event.keyCode)"/>

<asp:DropDownList runat="server" onKeyPress="CatchEnter(event.keyCode)" />

    <div style="display:none">
    <asp:Button ID="btnLogin"
                runat="server"
                OnClick="btnLogin_Click" />
    </div>

<script type="text/javascript">
    function CatchEnter(e) {
        if (e == 13) {
            alert("caught");
        }
    }
</script>

So - we have an TextBox and DropDownList. Both have onKeyPress event handler, but for some reasons on FireFox pressing "Enter" in TextBox works and does not on DropDownList. With DropDownList I have to press ALT + Enter to make it happen? Though it works on IE and Chrome.

Anyone knows a workaround?

Thanks!

Posted 27-May-14 23:51pm

MK-Gii

Add a Solution

Comments

Ajith K Gatty 28-May-14 6:05am

Hi..I checked your code. Does it work properly on Chrome?? Dont you have to hit enter twice to trigger the event?

MK-Gii 28-May-14 6:35am

Yes it works - single "enter" press works fine. But not with DropDownList.

3 solutions

Solution 1

Please try to use "KeyDown" instead of "KeyEnter"..

Try it If its work in your case please accept it...

Posted 27-May-14 23:59pm

Awadhendra Tripathi

Solution 2

try below code

HTML

onKeyPress="CatchEnter(event.keyCode? event.keyCode : event.charCode)"

Posted 28-May-14 0:00am

DamithSL

Updated 28-May-14 0:02am

v3

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)

MK-Gii · Accepted Answer · 2014-05-28T00:55:00

Tried everything that I could think of... but only this worked to catch real Enter button press on <asp:dropdownlist xmlns:asp="#unknown">

XML

window.onkeydown = function (e) {
        if (e.keyCode == 13)
        {
            document.getElementById("<%=MyButtonID.ClientID %>").click();
        }
    }

Not sure why, but with windows.onkeypress it does not work with FireFox v29...
Anyways - hope someone finds this useful.

Cheers!