title: how to find the mouse position x/y using phaser
body: <p>I'm having problems, trying to display the mouse position x/y when they click on an image, im using one of the click on and image example that phaser provides.</p>
  
  <p>here is the code</p>
  
  <pre><code>var game = new Phaser.Game(800, 500, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
  
  var text;
  var counter = 0;
  
  function preload () {
  
      //  You can fill the preloader with as many assets as your game requires
  
      //  Here we are loading an image. The first parameter is the unique
      //  string by which we'll identify the image later in our code.
  
      //  The second parameter is the URL of the image (relative)
      game.load.image('Happy-face', 'happy.png'); 
  
  }
  
  function create() {
  
      //  This creates a simple sprite that is using our loaded image and
      //  displays it on-screen and assign it to a variable
      var image = game.add.sprite(game.world.centerX, game.world.centerY, 'Happy-face');
  
      //  Moves the image anchor to the middle, so it centers inside the game properly
      image.anchor.set(0.5);
  
      //  Enables all kind of input actions on this image (click, etc)
      image.inputEnabled = true;
      this.position = new Phaser.Point();
      text = game.add.text(250, 16, '', { fill: '#ffffff' });
  
      image.events.onInputDown.add(listener, this);
  
  }
  
  function listener () {
  
      counter++;
      text.text = "Position x/y " + counter + "!";
  
  
  }
  </code></pre>