title: disable text selection on double click
body: <p>I have script that toggles menu from the side:</p>
  
  <pre><code>&lt;script&gt;
      // Closes the sidebar menu
      $("#menu-close").click(function (e) {
          e.preventDefault();
          $("#sidebar-wrapper").toggleClass("active");
      });
      // Opens the sidebar menu
      $("#menu-toggle").click(function (e) {
          e.preventDefault();
          $("#sidebar-wrapper").toggleClass("active");
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>and I use this in every section tag:</p>
  
  <pre><code>ondblclick = $("#menu-close").click()
  </code></pre>
  
  <p>but the problem is that when I double click somewhere it also selects text. The question is: How can I disable this double click selection on the whole page? It'd be cool if I could implement it into my actual script.</p>
  
  <p>UPDATE:
  now I have</p>
  
  <pre><code>document.getElementById("el").ondbclick = function(ev) {
      ev.preventDefault()
      alert()
      return false}
  
  $("#menu-close").click(function (e) {
      e.preventDefault();
      $("#sidebar-wrapper").toggleClass("active");
  });
  // Opens the sidebar menu
  $("#menu-toggle").click(function (e) {
      e.preventDefault();
      $("#sidebar-wrapper").toggleClass("active");
  });
  </code></pre>
  
  <p>and id="el" on elements I don't want to be selected.. but it still doesnt work</p>