title: Get Selected Text In ContentEditable DIV?
body: <p>So I have a contenteditable div in my Rails app, and need to be able to display a little popup above text when it's highlighted. Currently I have code that works, and it displays the highlighted text in an alert. However, the function executes on mouseup, so when you click into the div to start typing or highlighting, it throws an empty alert. </p>
  
  <p>Here's my code:</p>
  
  <pre><code>function getSelected() {
              if (window.getSelection) {
                  return window.getSelection();
              }
              else if (document.getSelection) {
                  return document.getSelection();
              }
              else {
                  var selection = document.selection &amp;&amp; document.selection.createRange();
                  if (selection.text) {
                      return selection.text;
                  }
                  return false;
              }
              return false;
          };
  $("#content-create-partial").bind("mouseup", function(){
                  var text = getSelected();
                  if(text) {
                      console.log(text);
                  }
                  else{
                      console.log("Nothing selected?");
                  };
              });
  </code></pre>
  
  <p>How do I prevent jQuery from executing the function when the user clicks into the contentEditable div? I only want it to execute when actual text is highlighted.</p>