e.preventdefault（）が使用されていても、警告ウィンドウが表示された後、Firefoxでバックスペースが働いています

Question

プロジェクトのすべてのWebページでバックスペースを無効にする必要があります。 e.preventのデフォルトが動作していないようバックスペースを押すと、Webページは、単純に前のページに移動します。どんな解決策ですか？

if(input){ 
alert("wrong input"); 
} 

function disableBackSpace(e){ 
    var doPrevent = false; 
    if (e.keyCode === 8) { 
     var d = e.srcElement || e.target; 
     if ((d.tagName.toUpperCase() === 'INPUT' && 
      (
       d.type.toUpperCase() === 'TEXT' || 
       d.type.toUpperCase() === 'PASSWORD' || 
       d.type.toUpperCase() === 'FILE' || 
       d.type.toUpperCase() === 'SEARCH' || 
       d.type.toUpperCase() === 'EMAIL' || 
       d.type.toUpperCase() === 'NUMBER' || 
       d.type.toUpperCase() === 'DATE') 
      ) || 
      d.tagName.toUpperCase() === 'TEXTAREA') { 
      doPrevent = d.readOnly || d.disabled; 
     } 
     else { 
      doPrevent = true; 
     } 
    } 

    if (doPrevent) { 
     e.preventDefault(); 
    } 
} 

上記の方法は、バックスペースキーを押すたびに呼び出されますが、警告ウィンドウが表示されているときは機能しません。基本的には上記のバックスペースコードは、すべてのウェブページ用のJSPページとして含まれています。

Answer 1

$(document).keydownにバックスペースコードを追加してください。

アラートやポップアップが開いているかどうかにかかわらず、文書全体に表示されます。

$(document).keydown(function(e) { 
      if (e.keyCode == 8) alert('Not Allowed'); 
    }); 

JsFiddle Demo