title: Check when an element has been selected/tabbed onto
body: <p>I have an HTML page where I have a few <code>div</code>s with <code>contenteditable="true"</code>. I also set the <code>tabindex</code> sequentially so when the user hits tab he or she will go through all of the editable <code>div</code>s. However, right now I have "Insert notes here" written inside each of the <code>div</code>s (see below).</p>
  
  <pre><code>&lt;div contenteditable="true" tabindex='1'&gt;Insert notes here&lt;div&gt;
  &lt;div contenteditable="true" tabindex='2'&gt;Insert notes here&lt;div&gt;
  &lt;div contenteditable="true" tabindex='3'&gt;Insert notes here&lt;div&gt;
  </code></pre>
  
  <p>I'm trying to get rid of the "Insert notes here" text when the user tabs to the <code>div</code>. Right now, I'm able to get rid of the text if they click on it with the following jQuery:</p>
  
  <pre><code>function selectText(containerid) {
     if(document.getElementById(containerid).innerHTML == "Insert notes here") {
        document.getElementById(containerid).innerHTML = "";
     }
  }
  </code></pre>
  
  <p>Is there a way to achieve the same effect but also when the user uses tab?</p>