Behavior when typing 'Enter' in h:inputText

Question

I am seeing the following behavior:
When a user types the 'Enter' key when a h:inputText has focus, the page seems to behave as if the user clicked the first button added to the page. (In my case this is a 'Cancel' button that clears data and causes navigation to another page. Many users are used to hitting 'Enter' when the have finished inputting text - so the 'Cancel' behavior would not be a pleasant suprise.)
My questions are:
1) Is this supposed to happen when 'Enter' is typed in a h:inputText?
2) Can I change this and how?
3) I would like it so hitting 'Enter' does nothing (better would be to move to the next h:inputText) Can this be done and how?
Any info regarding these specific questions or generally how key interactions work with jsf/Creator would be appreciated.

Answer 1

You can do this using JavaScript:
Specify the onkeypress of the inputText like this:
                                <h:inputText binding="#{Page1.tfSearchString}" id="tfSearchString" onkeypress="return onEnterSubmit(event);" value="*" valueChangeListener="#{Page1.tfSearchString_processValueChange}"/>The in the head part of your page, add the following javascript:
                var ie4 = false;
                if(document.all) {
                    ie4 = true;
                function onEnterSubmit(event) {
                    if (ie4) {
                        if (window.event && window.event.keyCode == 13) {
                            document.forms['form1']['form1:btnRefresh'].focus();
                            document.forms['form1']['form1:btnRefresh'].click();
                            return false;
                        else
                            return true;
                    else
                        if (event && event.which == 13)
                            document.forms['form1']['form1:btnRefresh'].click();
                        else
                            return true;
                }This assumes you have btnRefresh as the name of the submit button, and you want it clicked on enter key press. Else just comment out the part with the .click()/focus() to prevent any action on Enter key press.
Also, you can focus on any other textField in the page with the enter by replacing the click()/focus lines() with document.forms['form1']['form1:tfName'].focus()