Click on Accept button and going to next input

[grouser]

Hello,

I am using the keyboard in a touch screen. I would like to click on the "Accept" button and move the focus to the next field. Would that be possible? I only see the setting when pressing the "Enter" key.

Thanks.

[ghost]

Hi, check out this: https://jsfiddle.net/Mottie/k22Lybw3/

By pressing on prev and next you move the focus to the previous and next input field. With some modifying, you can add the 'next' function to 'accept'.

[Mottie]

Thanks @exyoris! I'm on vacation with only my phone, so it is difficult for me to answer appropriately with code.

[afattahi54]

Of Topic :)

I have used lots of projects in github, but rarely found the support which Mottie gives to us compare to other projects.
Thanks dear @Mottie and I wish you the best !

[grouser]

Thank you very much @exyoris

[grouser]

I have changed $("input") to $(":input:not([type=hidden])") so that it doesn't get the hidden fields if you are using the auto-complete plugin.

[Mottie]

I'll take a closer look at this when I get back next week

[Mottie]

Issue #524 has an example of multiple inputs allowing you to switch to the previous and next inputs using internal keys. The last input changes the "next" button to "submit".

In this demo, a modified version of the above demo, the "accept" key action is modified to automatically switch to the next input

$(function() {
  $.keyboard.keyaction.accept = function(kb) {
    kb.switchInput(true, kb.options.autoAccept);
    return false; // prevents further processing
  };
  $('#wrap input').keyboard({
    usePreview: false,
    autoAccept: true
  });
});

[Mottie]

In the latest release, you no longer required to include return false inside the keyaction to stop further processing & prevent js errors.

[grouser]

Wow. It works like a charm. Thanks Mottie!

[Mottie]

I'm guessing this issue has been resolved, so I'm going to close it. If you continue to have problems, please feel free to continue the discussion in this thread.