onKeyDown VS onClipEvent(keyDown)

All movieclips automatically subscribe to amongst other objects, the Key objects event notifications, this means that you can define any of the Key event handlers within your movieclip, without having to explicitly subscribe to the Key objects, event notifications using the Key.addListener(mymovieclip) method...

However, if you are to define one of the Key event handlers inside of a movieclip, you must be aware that the event handler will only fire if the movieclip that contains the event handler currently has input focus, the user of the flash movie can manually change the currently focused movieclip by pressing the tab key on the keyboard, this displays a yellow outline around the currently selected instance unless this options was turned off by the author of the flash movie using:

movieclip._focusrect=false;

This means that the following code will not work as expected:

this.createEmptyMovieClip("_keyListener",1);
_keyListener.onKeyDown=function(){
trace("Key was pressed");
}

Personally, and im sure i speak for most of us, i would expect the above code to output the words "Key was pressed" to the output window whenever a key was pressed. For the same expected results in Flash 5 we would have previously and still can write the above code on the movieclip with an instance name of _keyListener as follows:

onClipEvent(KeyDown){
trace("Key was pressed");
}

The above code in the Flash 5 Player and the Flash 6 Player, would output the words "Key was pressed" in the output window, whenever a key was pressed. However the code i posted at the beginning of this article:

this.createEmptyMovieClip("_keyListener",1);
_keyListener.onKeyDown=function(){
trace("Key was pressed");
}

Does not output the words "Key was pressed" in the output window, whenever i press a key on the keyboard. This is because the onKeyDown event handler for movieclips differs from the onClipEvent(keyDown){} event handler, the Flash MX onKeyDown event handler requires the movieclip to be focused before the event is fired. So, if i want to run some code everytime a key is pressed on the key board, we can either use the old Flash 5 Event handler onClipEvent(KeyDown){}, or we can listen globally for the event notification, this means you have to subscribe the movieclip to the Key objects event notification as follows:

this.createEmptyMovieClip("_keyListener",1);
Key.addListener(_keyListener);
_keyListener.onKeyDown=function(){
trace("Key was pressed");
}

And now everytime a key is pressed on the keyboard the words "Key was pressed" are shown in the output window.

Click to enlarge
Click to enlarge

The same dicrepancy is valid for the onKeyUp VS onClipEvent(keyUp){} event handlers.


Close    To Top
  • Prev Article-Flash:
  • Next Article-Flash:
  • Now: Tutorial for Web and Software Design > Flash > Basic > Flash Content
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Geek Tutorial
     

    Blogging Tutorial

      RSS Tutorial
      Podcasting Tutorial
    Graphic Design Tutorial
      Coreldraw Tutorial
      Illustrator Tutorial
      3D Tutorials
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial/ Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial/ Articles
     

    XML Style

      AJAX Tutorial
      XML Mobile
    Flash Tutorial/ Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial/ Articles
      Linux Tutorial
      Symbian Tutorial
      MacOS Tutorial
    Personal Tech
      Hardware Tutorial
      Software Tutorial
      Online Auction