ansaurus

Question

how to make html page detect enter key pressed?

Answer 1

+1 A:

If you are browsing from Internet Explorer this is an annoying issue. Add a textbox with a style of display:none;visibility:hidden; The enter key will respond appropriately. This typically occurs on forms with one text input in IE. Add the hidden one as mentioned above under your first input field

RandomNoob 2010-07-30 14:39:08

Thanks RandomNoob, are there any existing sample code? It is first time for me to implement things like this.

George2 2010-07-30 14:45:58

<asp:TextBox ID="txtHideForIE" runat="server" style="display:none;visibility:hidden;"></asp:TextBox> put it underneath your first text box

RandomNoob 2010-07-30 14:55:38

Answer 2

+1 A:

add an event handler to the document's keydown event. explanation in the comments.

    function keydownHandler(e) {

        if (e.keyCode == 13) {  // 13 is the enter key

            requery();  // call your function.

            // alternately, give your button an id and used 
            // document.getElementById('myID').click();

            // prevent the browser from doing whatever it normally
            // does when you push the enter key.
            // (not tested for this situation, may need tweaking)
            if (e.preventDefault) {
                e.preventDefault(); // FF,chrome             
            }
            else {
                return false;       // IE
            }
        }
    }

    // register your handler method for the keydown event
    if (document.addEventListener) {
        document.addEventListener('keydown', keydownHandler, false);
    }
    else if (document.attachEvent) {
        document.attachEvent('onkeydown', keydownHandler);
    }

lincolnk 2010-07-30 14:53:19

Thanks, your solution works!

George2 2010-07-30 15:05:30

ansaurus

tags:

views:

answers:

how to make html page detect enter key pressed?

related questions