Home / Questions / 5090
Accepted
AuRiCaN
Asked: 2020-03-03 07:31:49 +0800 CST 2020-03-03 07:31:49 +0800 CST

How to prevent an a4j:commandButton from being used from the keyboard in jsf?

  • 772

I have in the header of a website an a4j:commandButton which responds to some events triggered from the keyboard of the computer, when I press enter on the keyboard the action of said commandButton is launched, and when I press the delete button on the keyboard it travels back to the previous screen wherever you were. If I remove the button, none of this happens.

How could I control it?

jsf

1 Answers

  1. Best Answer

    This has nothing to do with JSF, but with plain HTML. <a4j:commandButton ...>is rendered in a <button type="submit" ...>. By default, submit buttons have shortcuts ; in most browsers it is the same:

    • Enter: fire the submit event
    • Delete: go back to the previous page

    You can solve this problem using JavaScript:

    $(document).on("keydown", function (e) {
    if (e.which === 8 && !$(e.target).is("input, textarea")) {
        e.preventDefault();
    }
});

    To prevent the submit of the form when an Enter is pressed, you must listen for the keyup event on the form and detect if Enter has been pressed.

    $('#tuform').on('keyup', function(e) {
  var keyCode = e.keyCode || e.which;
  if (keyCode === 13) { // Se detecta Enter
    e.preventDefault();
    return false;
  }
});

    PS: RichFaces has been declared discontinued by RedHat. It is recommended to use plain JSF or another extension library.

    • 3