Hi Omran,

can you explain a little bit better what's the use case here?

Hi 

I have a simple text box in a mobile app ... when the user hits "ENTER", I want to call the action to do a search

I have have a Javascript element on a screen action with the following code :- 

function detectReturn(e) 

{

  if (e.keyCode == '13')

  {

    $actions.SearchMember();

   }

}

The above code is on the keyPress of the Text box

When I debug ... OutSystems goes into the keyPress... steps through the code .. does NOT do anything in the Javascript ... in the  In Use window it says :- JavaScript ( Unavailable ) 

Hi Omran,

Keyboard events work differently in different devices.

Have you seen this:

https://www.outsystems.com/blog/javascript-events-unmasked-how-to-create-input-mask-for-mobile.html

Cheers,

José

At the moment I am just interested in a simple javascript function that that will detect when the - ENTER key is pressed ...... thats all I need 

The following code does not do anything  :- 

function detectReturn(e) 

{

  if (e.keyCode == '13')

  {

    $actions.SearchMember();

   }

}

DOES ANYONE ON THIS SITE KNOW HOW TO RUN A SIMPLE BOG STANDARD PIECE OF JAVASCRIPT ???

Hi Omran,

Yes! 

Lots of people here know simple javascript. And a few know very advanced javascript.

Also, "shouting" will not get you a faster answer!

Not to get in any further discussion, you could add something like this piece of javascript to the OnReady event of your screen:

document.getElementById("Input_TextVar")
    .addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        $actions.SearchMember();
    }
});

Cheers,

José

That article is amazing piece of sleuthing.  For interpreting and working with a mask it's lovely code.

For simply detecting the "enter" key it seems that it is a bit simpler.  The Input Widget Event property, when set to onkeyup or onkeydown will return a keyCode of 13 under Android and iOS for my devices... Nexus 7 (2013) and iPhone 7.  Most other keys under Android return 229... but, in this case, it doesn't matter.

if(event.keyCode==13){
    alert('enter');
}

Hi Mykola,

For José's solution you will need to use the addEventListener to the OnReady screen event handler, but remember "cleanup after yourself on your way out" and add the removeEventListener to the OnDestroy of the screen.

That being said, I get the feeling Davidk is probably just a streamlined (and more OutSystems-y) way of doing the same thing.

Hi Jorge,

I've tried removeEventListener in OnDestroy but it had no effect. And to use removeEventListener it should not be anonymous function but a named one, right? 

David's solution it very good but for our use case it would be much easier to have one listener on the page that runs generic code - there are several popups with input and a button that should be clicked when enter is pressed. 

Yes, for removeEventListener to work you cannot pass it an anonymous function...

Outsystems should have more videos for how to use Javascript in the applications. Master class which already exist is outdated for mobile apps.

Guys, I just created a simple mobile module in order to help another guy, on another post, with a very similar issue. Hope it can help others. Here it goes.

Here is a JavaScript keyboard Event article which is also helpful to understand.