title: Focus / blur events on contenteditable elements
body: <p><strong>I'm trying to listen to focus / blur events on <code>span</code> with <code>contenteditable=true</code> attribute.</strong></p>
  
  <p>So here's what I tried (jQuery) :</p>
  
  <pre><code>$('.editable').on('focus',function(){
      var that = $(this),
          defaultTxt = that.data('default');
      that.html('');
  });
  $('.editable').on('blur',function(){
      var that = $(this),
          defaultTxt = that.data('default');
      if(that.html() === ''){
          that.html(defaultTxt);
      }
  });
  </code></pre>
  
  <p>But he doesn't seem to work, because <strong>span doesn't handle focus / blur</strong>. How can I achieve that anyway (IE8 support needed) ? </p>