title: Change text of canvas without using canvas.getActiveObject() method
body: <p>without clicking on the canvas area, I want to change text once it is added on canvas. in my code i have to select canvas text first and then it change on typing in textarea.
  here is my code:
  //html</p>
  
  <pre><code>    &lt;canvas id="c" width="400" height="200"&gt;&lt;/canvas&gt;
      &lt;br&gt;
      Change Text :
      &lt;textarea  style="margin:0px;" id="textinput" rows="5"  &gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>//script</p>
  
  <pre><code>    var canvas = new fabric.Canvas('c');
  var text = new fabric.Text('Honey', {
    fontSize: 100,
    left: 50,
    top: 50,
    lineHeight: 1,
    originX: 'left',
    fontFamily: 'Helvetica',
    fontWeight: 'bold'
  });
  canvas.add(text);
  
  $("#textinput").keyup(function(event) {
  //document.getElementById('textinput').addEventListener('keyup', function (e) {
    // alert("hi");
      var obj = canvas.getActiveObject();
      if (!obj) return;
      obj.setText(event.target.value);
      canvas.renderAll();
  });
  </code></pre>
  
  <p>//Css</p>
  
  <pre><code> canvas {  border:1px solid #000; }
  .controles {  margin:50px 0;   }
  </code></pre>
  
  <p>Any one have any idea how to do this ?
  Here is my Fiddle <a href="http://jsfiddle.net/HAb4N/16/" rel="nofollow">Demo</a>.</p>