title: Canvas Element Disabling
body: <p>I am working on a project using Three.js with a menu on top of the canvas element (plain old div) but the canvas element receives input when clicking or scrolling the div. Is there anyway to temporarily disable the canvas or all mouse interactions with it.</p>
  
  <p>currently I've found:</p>
  
  <pre><code>$('.submenu').on("mouseenter", function(event){
      $("#canvas").css("pointer-events", "none");
  });
  
  $('.submenu').on("mouseleave", function(event){
      $("#canvas").css("pointer-events", "");
  });
  </code></pre>
  
  <p>but this doesn't seem to have any effect on it, I've also searched for quite some time and can't find a solution.</p>
  
  <p>Thanks in advance.</p>