title: How to disable the backspace key for anything inside <body> EXCEPT inputs and textareas, using jQuery?
body: <p>I would like to disable the backspace key (keycode 8) for any element except textboxes and textareas. </p>
  
  <p>Here is what I tried without success:</p>
  
  <pre><code>$(":not(input, textarea)").keydown(function(event) {
      if (event.keyCode == 8) {
          event.preventDefault();
          return false;
      }
  });
  </code></pre>
  
  <p>...</p>
  
  <pre><code>$("*:not(input, textarea)").keydown(function(event) {
      if (event.keyCode == 8) {
          event.preventDefault();
          return false;
      }
  });
  </code></pre>
  
  <p>..</p>
  
  <pre><code>$("body").not("input,textarea").keydown(function(event) {
      if (event.keyCode == 8) {
          event.preventDefault();
          return false;
      }
  });
  </code></pre>
  
  <p>The idea is to avoid the user to accidentally hit the backspace key while not focused in any textbox or textarea.</p>
  
  <p>Any thoughts?</p>