Trigger an action with the "enter" key?

Back to Forums

Daniela Henriques

Solved

Trigger an action with the "enter" key?

Question

Reactive

Development

Application Type

Reactive

Hi! :)

I am developing a login page and I want to call a screen action when the user presses the "enter" key?
Is there a way to do this?

Thank you,

Daniela

17 Jan 2021

Rui Barradas

mvp_badge

MVP

Solution

Hello there Daniela,

Hope you're doing well.

You should be able to achieve that using JavaScript. Please consider the following code:

document.addEventListener('keypress', function enterPress(e){
    if(e.which == 13) {
        $actions.YourScreenAction();
    }
});

where YourScreenAction is the screen action that you want to execute when you press "enter".

You should put this JavaScript in your OnReady event.

Hope that this helps you!

Kind regards,

Rui Barradas

17 Jan 2021

2 replies

Last reply 19 Jan 2021

Show thread

Hide thread

Daniël Kuhlmann

mvp_badge

MVP

Hi,

lthough the solution of Rui is a correct answer, from an user experience perspective and low-code perspective you should consider to link the action to a button on your screen and set the Is Form Default property of that button to yes.

In the case of a Login screen, there should be a Login Button that you can use to set the Is Form Default property.

No Javascript needed, that requires extra testing.

Regards,

Daniel

18 Jan 2021

Rui Barradas

mvp_badge

MVP

Replying to Daniël Kuhlmann's comment on 18 Jan 2021 07:18:39

Hello there Daniël,

Since the thread refers to "developing a login page", I indeed assumed that we're talking about a customized new login page.

Also, there is no reference to a Button. The only presented information is that it is pretended to call a screen action by pressing the "enter" key.

I understand your point of view, but it requires to have a Form and a Button and I wasn't sure if those requirements were met in here. The only given information is that she wanted to trigger an action by pressing "enter". That's why I suggested this way :)

Kind regards,

Rui Barradas

19 Jan 2021