phaser - v4.0.0-rc.4
    Preparing search index...

    The Keyboard Plugin is an input plugin that belongs to the Scene-owned Input system.

    Its role is to listen for native DOM Keyboard Events and then process them.

    You do not need to create this class directly, the Input system will create an instance of it automatically.

    You can access it from within a Scene using this.input.keyboard. For example, you can do:

    this.input.keyboard.on('keydown', callback, context);
    

    Or, to listen for a specific key:

    this.input.keyboard.on('keydown-A', callback, context);
    

    You can also create Key objects, which you can then poll in your game loop:

    var spaceBar = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.SPACE);
    

    If you have multiple parallel Scenes, each trying to get keyboard input, be sure to disable capture on them to stop them from stealing input from another Scene in the list. You can do this with this.input.keyboard.enabled = false within the Scene to stop all input, or this.input.keyboard.preventDefault = false to stop a Scene halting input on another Scene.

    Note: Many keyboards are unable to process certain combinations of keys due to hardware limitations known as ghosting. See http://www.html5gamedevs.com/topic/4876-impossible-to-use-more-than-2-keyboard-input-buttons-at-the-same-time/ for more details and use the site https://w3c.github.io/uievents/tools/key-event-viewer.html to test your n-key support in browser.

    Also please be aware that certain browser extensions can disable or override Phaser keyboard handling. For example the Chrome extension vimium is known to disable Phaser from using the D key, while EverNote disables the backtick key. And there are others. So, please check your extensions before opening Phaser issues about keys that don't work.

    Hierarchy (View Summary)

    Index

    Constructors

    Properties

    combos: KeyCombo[]

    An array of KeyCombo objects to process.

    enabled: boolean

    A boolean that controls if this Keyboard Plugin is enabled or not. Can be toggled on the fly.

    game: Game

    A reference to the core game, so we can listen for visibility events.

    keys: Key[]

    An array of Key objects to process.

    A reference to the global Keyboard Manager.

    scene: Scene

    A reference to the Scene that this Input Plugin is responsible for.

    sceneInputPlugin: InputPlugin

    A reference to the Scene Input Plugin that created this Keyboard Plugin.

    settings: SettingsObject

    A reference to the Scene Systems Settings.

    Methods

    • By default when a key is pressed Phaser will not stop the event from propagating up to the browser. There are some keys this can be annoying for, like the arrow keys or space bar, which make the browser window scroll.

      This addCapture method enables consuming keyboard events for specific keys, so they don't bubble up the browser and cause the default behaviors.

      Please note that keyboard captures are global. This means that if you call this method from within a Scene, to say prevent the SPACE BAR from triggering a page scroll, then it will prevent it for any Scene in your game, not just the calling one.

      You can pass a single key code value:

      this.input.keyboard.addCapture(62);
      

      An array of key codes:

      this.input.keyboard.addCapture([ 62, 63, 64 ]);
      

      Or, a comma-delimited string:

      this.input.keyboard.addCapture('W,S,A,D');
      

      To use non-alpha numeric keys, use a string, such as 'UP', 'SPACE' or 'LEFT'.

      You can also provide an array mixing both strings and key code integers.

      Parameters

      • keycode: string | number | any[] | number[]

        The Key Codes to enable event capture for.

      Returns this

    • Adds a Key object to this Keyboard Plugin.

      The given argument can be either an existing Key object, a string, such as A or SPACE, or a key code value.

      If a Key object is given, and one already exists matching the same key code, the existing one is replaced with the new one.

      Parameters

      • key: string | number | Key

        Either a Key object, a string, such as A or SPACE, or a key code value.

      • OptionalenableCapture: boolean

        Automatically call preventDefault on the native DOM browser event for the key codes being added. Default true.

      • OptionalemitOnRepeat: boolean

        Controls if the Key will continuously emit a 'down' event while being held down (true), or emit the event just once (false, the default). Default false.

      Returns Key

    • A practical way to create an object containing user selected hotkeys.

      For example:

      this.input.keyboard.addKeys({ 'up': Phaser.Input.Keyboard.KeyCodes.W, 'down': Phaser.Input.Keyboard.KeyCodes.S });
      

      would return an object containing the properties (up and down) mapped to W and S Phaser.Input.Keyboard.Key objects.

      You can also pass in a comma-separated string:

      this.input.keyboard.addKeys('W,S,A,D');
      

      Which will return an object with the properties W, S, A and D mapped to the relevant Key objects.

      To use non-alpha numeric keys, use a string, such as 'UP', 'SPACE' or 'LEFT'.

      Parameters

      • keys: string | object

        An object containing Key Codes, or a comma-separated string.

      • OptionalenableCapture: boolean

        Automatically call preventDefault on the native DOM browser event for the key codes being added. Default true.

      • OptionalemitOnRepeat: boolean

        Controls if the Key will continuously emit a 'down' event while being held down (true), or emit the event just once (false, the default). Default false.

      Returns object

    • Add a listener for a given event.

      Parameters

      • event: string | symbol

        The event name.

      • fn: Function

        The listener function.

      • Optionalcontext: any

        The context to invoke the listener with. Default this.

      Returns this

    • Checks if the given Key object is currently being held down.

      The difference between this method and checking the Key.isDown property directly is that you can provide a duration to this method. For example, if you wanted a key press to fire a bullet, but you only wanted it to be able to fire every 100ms, then you can call this method with a duration of 100 and it will only return true every 100ms.

      If the Keyboard Plugin has been disabled, this method will always return false.

      Parameters

      • key: Key

        A Key object.

      • Optionalduration: number

        The duration which must have elapsed before this Key is considered as being down. Default 0.

      Returns boolean

    • Removes all keyboard captures.

      Note that this is a global change. It will clear all event captures across your game, not just for this specific Scene.

      Returns this

    • Creates a new KeyCombo.

      A KeyCombo will listen for a specific string of keys from the Keyboard, and when it receives them it will emit a keycombomatch event from this Keyboard Plugin.

      The keys to be listened for can be defined as:

      A string (i.e. 'ATARI') An array of either integers (key codes) or strings, or a mixture of both An array of objects (such as Key objects) with a public 'keyCode' property

      For example, to listen for the Konami code (up, up, down, down, left, right, left, right, b, a, enter) you could pass the following array of key codes:

      this.input.keyboard.createCombo([ 38, 38, 40, 40, 37, 39, 37, 39, 66, 65, 13 ], { resetOnMatch: true });

      this.input.keyboard.on('keycombomatch', function (event) {
      console.log('Konami Code entered!');
      });

      Or, to listen for the user entering the word PHASER:

      this.input.keyboard.createCombo('PHASER');
      

      Parameters

      • keys: string | number[] | object[]

        The keys that comprise this combo.

      • Optionalconfig: KeyComboConfig

        A Key Combo configuration object.

      Returns KeyCombo

    • Disables Phaser from preventing any key captures you may have defined, without actually removing them. You can use this to temporarily disable event capturing if, for example, you swap to a DOM element.

      Returns this

    • Calls each of the listeners registered for a given event.

      Parameters

      • event: string | symbol

        The event name.

      • ...args: any[]

        Additional arguments that will be passed to the event handler.

      Returns boolean

    • Allows Phaser to prevent any key captures you may have defined from bubbling up the browser. You can use this to re-enable event capturing if you had paused it via disableGlobalCapture.

      Returns this

    • Returns an array that contains all of the keyboard captures currently enabled.

      Returns number[]

    • Checks to see if both this plugin and the Scene to which it belongs is active.

      Returns boolean

    • Return the number of listeners listening to a given event.

      Parameters

      • event: string | symbol

        The event name.

      Returns number

    • Return the listeners registered for a given event.

      Parameters

      • event: string | symbol

        The event name.

      Returns Function[]

    • Remove the listeners of a given event.

      Parameters

      • event: string | symbol

        The event name.

      • Optionalfn: Function

        Only remove the listeners that match this function.

      • Optionalcontext: any

        Only remove the listeners that have this context.

      • Optionalonce: boolean

        Only remove one-time listeners.

      Returns this

    • Add a listener for a given event.

      Parameters

      • event: string | symbol

        The event name.

      • fn: Function

        The listener function.

      • Optionalcontext: any

        The context to invoke the listener with. Default this.

      Returns this

    • Add a one-time listener for a given event.

      Parameters

      • event: string | symbol

        The event name.

      • fn: Function

        The listener function.

      • Optionalcontext: any

        The context to invoke the listener with. Default this.

      Returns this

    • Removes all Key objects created by this Keyboard Plugin.

      Parameters

      • Optionaldestroy: boolean

        Call Key.destroy on each removed Key object? Default false.

      • OptionalremoveCapture: boolean

        Remove all key captures for Key objects owened by this plugin? Default false.

      Returns this

    • Removes an existing key capture.

      Please note that keyboard captures are global. This means that if you call this method from within a Scene, to remove the capture of a key, then it will remove it for any Scene in your game, not just the calling one.

      You can pass a single key code value:

      this.input.keyboard.removeCapture(62);
      

      An array of key codes:

      this.input.keyboard.removeCapture([ 62, 63, 64 ]);
      

      Or, a comma-delimited string:

      this.input.keyboard.removeCapture('W,S,A,D');
      

      To use non-alpha numeric keys, use a string, such as 'UP', 'SPACE' or 'LEFT'.

      You can also provide an array mixing both strings and key code integers.

      Parameters

      • keycode: string | number | any[] | number[]

        The Key Codes to disable event capture for.

      Returns this

    • Removes a Key object from this Keyboard Plugin.

      The given argument can be either a Key object, a string, such as A or SPACE, or a key code value.

      Parameters

      • key: string | number | Key

        Either a Key object, a string, such as A or SPACE, or a key code value.

      • Optionaldestroy: boolean

        Call Key.destroy on the removed Key object? Default false.

      • OptionalremoveCapture: boolean

        Remove this Key from being captured? Only applies if set to capture when created. Default false.

      Returns this

    • Remove the listeners of a given event.

      Parameters

      • event: string | symbol

        The event name.

      • Optionalfn: Function

        Only remove the listeners that match this function.

      • Optionalcontext: any

        Only remove the listeners that have this context.

      • Optionalonce: boolean

        Only remove one-time listeners.

      Returns this

    • Resets all Key objects created by this Keyboard Plugin back to their default un-pressed states. This can only reset keys created via the addKey, addKeys or createCursorKeys methods. If you have created a Key object directly you'll need to reset it yourself.

      This method is called automatically when the Keyboard Plugin shuts down, but can be invoked directly at any time you require.

      Returns this