Question

I have a4j command button on my jsf page , when I press Enter Key anywhere in the page this command button gets the focus and excutes its action

I want to prevent the button from getting focus when pressing Enter Key
I tried to use onfocus=”this.blur()” but it didn’t work

Thanks in advance

Answer 1

<a4j:commandButton> acts as a submit button. Hence executes action when pressed enter.

When you see the code generated you will find like <input type="submit"/>

To ignore that you should use a command link and to look like button give a style button as follows:

.button {
    font: bold 11px Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
   }

---

If you still want to go with <a4j:commandButton> then you can prevent enter by using

 onkeypress="var keycode;
 if (window.event) { keycode = window.event.keyCode;}else {return true;}
 if (keycode == 13) {return false;}else {return true;}"

But this would cause like when you press enter even onfocus then it would not submit or call action, better not to use it