Home/ Questions/Q 925869
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T19:35:23+00:00

I have a form with several submit buttons. I would like the button’s click

  • 0

I have a form with several submit buttons. I would like the button’s click events to fire when enter is pressed based on which textboxes currently have focus. I am able to specify one button using the code below by adding the onkeydown event to the body of the page and checking for Enter’s keyCode

<body onkeydown="if(event.keyCode==13){document.getElementById('btnSearch').click();}">
...
</body>

I assume this code can be modified or call a function to perform a conditional to see if txtSearch or txtSubmit has focus and specify btnSearch or btnSubmit accordingly, but I am not experienced with javascript.

Any help/advice would be great!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I finally got the results I was after. I needed to use a function to stop the default ‘enter’ button from firing and another function to fire the correct button’s click event. Here is the script used:

    <script type="text/javascript">
function KeyDownEventHandler(e, box) {
    var charCode = (e.which) ? e.which : event.keyCode
    if (charCode == 13)
        document.getElementById(box).click();
}

function DisableEnterKey() {
    if (event.keyCode == 13) {
        return false;
    }
    else {
        return true;
    }
}
</script>

    I called the DisableEnterKey function from the body’s onkeydown event and the KeyDownEventHandler from the textbox’s onkeydown event:

    <body onkeydown="return DisableEnterKey()">
...
<input id="txtSearch" type="text" runat="server" onkeydown="KeyDownEventHandler(event, 'btnSearch');" />
...
<input id="txtAddEor" type="text" runat="server" onkeydown="KeyDownEventHandler(event, 'btnAddEor');" />
...
<input id="txtCategory" type="text" runat="server" onkeydown="KeyDownEventHandler(event, 'btnAddEor');" />
    • 0