Skip to Content (Press Enter)
2018-11-09 09-14-06
Gonçalo Almeida
3064Views
19Comments
Solved
Disabling the Enter Key
Question
Has anybody ever needed to disable the Enter key for one screen? Or for an entire oml?
I'm asking because some users are complaining that when they hit Enter, it triggers the default button and they don't want that.
1
0
20 Jan 2010
Copy Link
2020-03-05 15-52-45
André Vieira
Staff
Solution
Hi all,

Gonçalo you have two ways of doing this. Using javascript or using a dummy button. With javascript you'll have the implement the event handler onkeyup of every input and when the key of the event is chr(10) return false on that function. This is messy.

The second way is to have a default button on the page (you must always have one because of the default action of the webform that is triggered by the ENTER on the input). Make that default button invisible assign it to the current screen (you have to assign a destination to the button) and to prevent any postback include an handler for the onclick event with the code 'return false;' this will prevent the action of the button to be completed, meaning no postback is done.

I hope this helps you.

Cheers,
André
See solution in context
1
0
21 Jan 2010
Copy Link
2019-09-13 11-11-15
Divya Nayak

André Vieira wrote:

Hi all,

Gonçalo you have two ways of doing this. Using javascript or using a dummy button. With javascript you'll have the implement the event handler onkeyup of every input and when the key of the event is chr(10) return false on that function. This is messy.

The second way is to have a default button on the page (you must always have one because of the default action of the webform that is triggered by the ENTER on the input). Make that default button invisible assign it to the current screen (you have to assign a destination to the button) and to prevent any postback include an handler for the onclick event with the code 'return false;' this will prevent the action of the button to be completed, meaning no postback is done.

I hope this helps you.

Cheers,
André


can you please share the java script a bit more. like how 

?

4
0
17 Nov 2019
Copy Link
2019-06-17 07-29-54
Hermínio Mira
Hi Gonçalo,

The simplest solution I can think of (maybe not the most elegant mind you!) is to have an invisible button on your screen with the "Default" property to "On" and no actions on its flow.

Cheers,
Hermínio
1
0
20 Jan 2010
Copy Link
2024-03-14 14-46-22
Nelson Inácio

Hi,

Another solution is set the "Defualt" property to "No" on each button and link of the screen, if there are no defualt, the enter key do nothing.

Nelson Inácio
2
0
20 Jan 2010
Copy Link
2018-11-09 09-14-06
Gonçalo Almeida
Thanks Herminio and Nelson.

Herminio's suggestion works well, although it has to be done in every screen.
Nelson's suggestion only works in FireFox, has IE completely "destroys" the screen if you have no default button and press ENTER. As anybody figured a way to avoid this "destruction" ?
0
0
20 Jan 2010
Copy Link
2019-06-17 07-29-54
Hermínio Mira
Gonçalo,

I tried building a new webblock with only an invisible button on it, setting this button to default (even tough I think it will be irrelevant) and placing it on a screen with other content. Then I disabled the Default property of the widgets on that screen and it worked fine in both IE8 and Firefox 3.5.

It still implies using this block on every screen but its easier now. :)

This was done in 5.0! I don't know your version but it may be worth a shot.
0
0
20 Jan 2010
Copy Link
2020-03-05 15-52-45
André Vieira
Staff
Solution
Hi all,

Gonçalo you have two ways of doing this. Using javascript or using a dummy button. With javascript you'll have the implement the event handler onkeyup of every input and when the key of the event is chr(10) return false on that function. This is messy.

The second way is to have a default button on the page (you must always have one because of the default action of the webform that is triggered by the ENTER on the input). Make that default button invisible assign it to the current screen (you have to assign a destination to the button) and to prevent any postback include an handler for the onclick event with the code 'return false;' this will prevent the action of the button to be completed, meaning no postback is done.

I hope this helps you.

Cheers,
André
1
0
21 Jan 2010
Copy Link
2019-09-13 11-11-15
Divya Nayak

André Vieira wrote:

Hi all,

Gonçalo you have two ways of doing this. Using javascript or using a dummy button. With javascript you'll have the implement the event handler onkeyup of every input and when the key of the event is chr(10) return false on that function. This is messy.

The second way is to have a default button on the page (you must always have one because of the default action of the webform that is triggered by the ENTER on the input). Make that default button invisible assign it to the current screen (you have to assign a destination to the button) and to prevent any postback include an handler for the onclick event with the code 'return false;' this will prevent the action of the button to be completed, meaning no postback is done.

I hope this helps you.

Cheers,
André


can you please share the java script a bit more. like how 

?

4
0
17 Nov 2019
Copy Link
2018-11-09 09-14-06
Gonçalo Almeida
Hi André,

That's what I did, thank you. I also used the suggestion Herminio gave, using that button in a web block.
Thank you all.
0
0
21 Jan 2010
Copy Link
2011-06-15 10-50-19
Miguel Ventura
Staff
If you don't want to change every screen, you can always add this to your eSpace Javascript:

osjs(document).ready(function() {
 osjs('form').prepend('<input type="submit" onclick="return false;" style="display:none;" />');
});
It will silently add an invisible submit button to the start of the form element. Pressing the enter key will trigger that button, which will not submit due to onclick returning false.

If you the page has a button with the default property set, that button will still be invoked upon pressing enter (therefore overriding the javascript hack). This may be useful if you have too many screens and are unwilling to put a webblock for this purpose on every single one.

Hope it helps!
4
0
22 Jan 2010
Copy Link
2018-11-09 09-14-06
Gonçalo Almeida
Miguel,

I doesn't seem to work. Don't I need to add an ID to the button and write the CLASS attribute with the Is_Default style ?
0
0
22 Jan 2010
Copy Link
2024-12-17 14-32-59
Matthias Preuter
 
MVP
The samples above doesn't work on current platform (8), does anyone have a solution for disabling enter key?
0
0
17 Sep 2014
Copy Link
2012-03-16 12-21-09
João Rosado
Staff
Hi Matthias,

The one posted by Miguel should work unless you have a button set to default on your screen.
Can you post a sample or a link with a page with it not working?

Regards,
João Rosado
0
0
17 Sep 2014
Copy Link
2024-12-17 14-32-59
Matthias Preuter
 
MVP
Forgot to refresh the browser, it script posted by Miguel does work indeed!
0
0
17 Sep 2014
Copy Link
2024-12-17 14-32-59
Matthias Preuter
 
MVP
mmm.. it did work in Chrome but not in IE9, look like the (document).ready(function() is not fired in IE.
0
0
17 Sep 2014
Copy Link
2012-03-16 12-21-09
João Rosado
Staff
Check if there are no other javascript errors on your page.
The jquery ready is the base of all jquery script/plugins ...a lot of other stuff would be broken if that didn't work.

Regards,
João Rosado
0
0
17 Sep 2014
Copy Link
2020-04-29 14-31-37
Charles Betman

Hi all,

I copied the JavaScript solution suggested by Miguel Ventura, and that alone didn't do the job. Then I set Default to No for the buttons involved, and that worked.

But we are a couple of years and a few versions further now ... does anyone know if there is a more elegant solution available in version 10? Preferably working in all modern (versions of the) browsers?


1
0
02 Feb 2017
Copy Link
2018-03-20 11-51-40
João Bernardes

Hello guys, FYI, I used this to disable an enter for a input wigdet:

I was wondering, if I want to use the same disability for the all eSpace. I tryed the code above but it didn't work.

4
0
07 Jun 2019
Copy Link
2019-11-26 09-13-57
Luca De Mori

João Bernardes wrote:

Hello guys, FYI, I used this to disable an enter for a input wigdet:

I was wondering, if I want to use the same disability for the all eSpace. I tryed the code above but it didn't work.

Thank you Joao ... it works great !

1
0
08 Jun 2020
Copy Link
2018-03-20 11-51-40
João Bernardes
2021-01-30 14-47-40
Hendrik de Keyser

In the marked solution above ....it says: ..."to prevent any postback include an handler for the onclick event with the code 'return false;' this will prevent the action of the button to be completed, meaning no postback is done. "

First:  I don't see whereand how  in the Properties pane I can connect this onclick event to a handler.....can anyone tell me in practical terms what steps are needed here to fill in......  (Use in OS Traditional Web app)


Secondly : Depending on the browser does this suppress the POST of the whole page when the Enter key

                    is hit in the screen from within any Input field in this same screen?

- Thx for any assistance offered

0
0
31 Oct 2020
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.