How can I move a rectangle with key?

Question

I try to control a rectangle with left and right key to move, but failed and need help to make it work. thanks!
var cx:Number;
var cy:Number;
var fang:Rectangle=Rectangle{
     x:bind cx  y:bind cy
     width:50  height:50
     fill:Color.BLUEVIOLET
     onKeyTyped: function( e: KeyEvent) : Void {
                if(e.code==KeyCode.VK_KP_LEFT){
                         cx++;
                         println("left pressed!");
                if(e.code==KeyCode.VK_KP_RIGHT)
                          cx--;
Stage{
    width:200
    height:400
    scene:Scene{
         content:[fang]
}Edited by: Phoenix2006 on Sep 14, 2009 8:18 PM
Edited by: Phoenix2006 on Sep 14, 2009 8:21 PM

Answer 1

You will have to invoke requestFocus() on Rectangle so as to gain focus. You may try below code..
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.input.KeyCode;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
var cx:Number;
var cy:Number;
var fang = Rectangle {
    x:bind cx
    y:bind cy
    width:50
    height:50
    fill:Color.BLUEVIOLET
    onKeyReleased: function(e) : Void {
        if(e.code == KeyCode.VK_LEFT) {
            cx--;
        } else if(e.code == KeyCode.VK_RIGHT) {
            cx++;
        } else if(e.code == KeyCode.VK_UP) {
            cy--;
        } else if(e.code == KeyCode.VK_DOWN) {
            cy++;
Stage{
    width: 200
    height: 400
    scene: Scene {
        content: [ fang ]
fang.requestFocus();