title: How can I make a div unselectable?
body: <p>I would like to make specific div's unselectable Double-clicks, etc. should be blocked. </p>
  
  <p><a href="http://jsfiddle.net/VYKfL/" rel="nofollow">Here's what I've tried:</a></p>
  
  <pre><code>&lt;div id="test" class="unselectable"&gt;asd&lt;/div&gt;
  
  $(document).ready(function() {
      $.ctrl = function(key, callback, args) {
          var isCtrl = false;
          $(document).keydown(function(e) {
              if (!args) args = []; // IE barks when args is null
              if (e.ctrlKey) isCtrl = true;
              if (e.keyCode == key.charCodeAt(65) &amp;&amp; isCtrl) {
                  callback.apply(this, args);
                  return false;
              }
          }).keyup(function(e) {
              if (e.ctrlKey) isCtrl = false;
          });
      };
  
      //Other Method
      $(function() {
          $(document).keydown(function(objEvent) {
              if (objEvent.ctrlKey) {
                  if (objEvent.keyCode == 65) {
                      objEvent.disableTextSelect();
                      return false;
                  }
              }
          });
      });  
  });​
  </code></pre>
  
  <p>But I find, to my chagrin, that this fails to work. How might I modify my code to achieve my objective?</p>