JavaScript 'event' is deprecated. | OutSystems

Navneet Garg

Rank: #1534

JavaScript 'event' is deprecated.

Question

In input we are using event.key. Now event is deprecated so what is the correct way to use OnChange event of input box. Also event.key will not work on mobile so to get value from the input box on mobile key board what is the best way ?

19 Jul 2023

Abed Al Banna

Rank: #487

Hi @Navneet Garg

Are you referring to this "OnChange" event? Could you perhaps elaborate more on what are you trying to achieve?

19 Jul 2023

7 replies

Last reply 27 Jul 2023

Show thread

Hide thread

Navneet Garg

Rank: #1534

Yes I want to use OnChange event to validate input field (for blocking special characters)

19 Jul 2023

Abed Al Banna

Rank: #487

Replying to Navneet Garg's comment on 19 Jul 2023 09:19:23

You can do so by adding a new screen action to handle the "On Change" event, and add to the flow something like this:

19 Jul 2023

Abed Al Banna

Rank: #487

Replying to You's comment on 19 Jul 2023 09:24:56

Seeing your other reply, you can modify the code to include the RegEx search:

19 Jul 2023

Navneet Garg

Rank: #1534

Replying to Abed Al Banna's comment on 19 Jul 2023 09:28:46

How to implement regex flag like "g and i" to check the repeated characters?

27 Jul 2023

Abed Al Banna

Rank: #487

Replying to Navneet Garg's comment on 27 Jul 2023 11:29:35

Please elaborate on what exactly do you want to achieve. You just want to check if a specific character is duplicated within a string, while ignoring the case-sensitivity? Some examples would be great.

27 Jul 2023

Navneet Garg

Rank: #1534

Replying to Abed Al Banna's comment on 27 Jul 2023 11:33:44

This is my javascript code. Now I want to remove special characters from the following text so my output will be "test123". I want to know that how we can pass flags like "gi" in the pattern?

let stringToReplace = "test#123#$%##@";

var desired = stringToReplace.replace(/[^\w\s]/gi, "")

console.log(desired) //test123

27 Jul 2023

Abed Al Banna

Rank: #487

Replying to Navneet Garg's comment on 27 Jul 2023 12:15:04

1. Add the "Regex_Replace" as a dependency from the Text extension:

2. Configure it as such:

Example:

27 Jul 2023

Piyali Saha

Rank: #440

Hi Navneet Garg,

Are you talking about the events present there on input widget or any other JavaScript event. Please elaborate your query.

19 Jul 2023

3 replies

Last reply 27 Jul 2023

Basically I am using text field OnChange event and in that action I am using a JavaScript to validate keyboard keys (like to block special keys #, $ etc.)

something like this

now out system giving me waring that event' is deprecated which is true as javascript will remove the event. So now how to pass event in the OnChange ?

https://developer.mozilla.org/en-US/docs/Web/API/Window/event

var regex = new RegExp("[a-zA-Z0-9]+$");var key = event.key;if (!regex.test(key)) { event.preventDefault();}

var event: Event

@deprecated

'event' is deprecated.(6385)lib.dom.d.ts(18286, 5): The declaration was marked as deprecated here.

No quick fixes available

One more problem is that event.key will not work on the mobile keyboard. So how we can validate input field on mobile as well ?