Skip to main content
A
Anonymous
May 10, 2014
Answered

Fastest way to create a KeyboardEvent.ENTER submit function.

  • May 10, 2014
  • 2 replies
  • 527 views

Hello, a submit button is on the stage next to a text input field. It must be possible to use both mouse and the enter key to press the button.

What's the fastest and easiest way to add an eventListener to the ENTER key, on the button?

This topic has been closed for replies.
Correct answer kglad

I worked pretty well, but it's giving me a dilemma problem.. I can't define the event-type (in the function) to evt:Event, because the keyCode then becomes an "undefined property". However if I change the event-type to evt:KeyboardEvent  -  keyCodeworks, but then the MouseEvent "on the other side" don't.

No compiler errors occur though, just in the output tab it says Error #1034, cannot convert MouseEvent to KeyboardEvent - every time I try to hit the sumbitBtn on the stage.

Note: I want to upload the code, but it's on a work-computer without internet nor the possibility to connect a usb-stick or anything...


cast it:

function handler(event:Event){

   if((event is KeyboarEvent && KeyboardEvent(event).charCode == 13) || event.currentTarget == submitBtn)

     {}

}

2 replies

Ned Murphy
Ned Murphy
Legend
May 10, 2014

The fastest and easiest way to add a listener is to copy and paste the code.   You can make the Enter key perform the same actions as pressing the button but you cannot make the Enter key press the button (The Enter key cannot hover over the button either).

kglad
Community Expert
kgladCommunity Expert
Community Expert
May 10, 2014

add a keyboard event listener to the stage and mouseevent listener to your submit button.  They can both call the same listener function (use Event for the argument type).

A
Anonymous
May 11, 2014

So it would have to be something like this? But now the MouseEvent won't work? Do I really have to create a duplicate of the function for both to work? Seems like a hassle..

submitBtn.addEventListener(MouseEvent.CLICK,handler);

stage.addEventListener(KeyboardEvent.KEY_DOWN,handler);
function handler(Event){

   if(event.charCode == 13)

     {}

}

Ned Murphy
Ned Murphy
Legend
May 11, 2014

You should be able to expand the conditional in the one function to handle both cases using an OR (||), as in...

function handler(event:Event){

   if(event.charCode == 13 || event.currentTarget == submitBtn)

     {}

}


Edit: repaired = to be ==

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices