title: StopPropagation of keyboard events
body: <p>I have this little bit of HTML</p>
  
  <pre><code>&lt;input id="legalWellName" readonly data-bind="value: LEGAL_WELL_NAME" class="welllabel" /&gt;
  </code></pre>
  
  <p>and this script:</p>
  
  <pre><code>$('#legalWellName').keyup(function (e) {
      if (e.stopPropagation) { e.stopPropagation(); }
      if (e.cancelBubble != null) { e.cancelBubble = true; }
  });
  $('#legalWellName').keydown(function (e) {
      if (e.stopPropagation) { e.stopPropagation(); }
      if (e.cancelBubble != null) { e.cancelBubble = true; }
  });
  $('#legalWellName').keypress(function (e) {
      if (e.stopPropagation) { e.stopPropagation(); }
      if (e.cancelBubble != null) { e.cancelBubble = true; }
  });
  </code></pre>
  
  <p>However, if I click into the legalWellName input and hit BACKSPACE, it acts as if I have hit BACK in the Browser (IE9).  Is there something special about BACKSPACE?  I have already set readonly, so no other keys have any effect (I didn't even need the stopPropagation logic).  How can I prevent the BACKSPACE from taking effect?</p>