バックスペースがjavascriptで戻るのを防ぐ方法を教えてください。

<html> <body> <select id="testselect"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> <script language="javascript"> document.getElementById("testselect").onkeydown = function(e) { if(!e) { e = event; } alert(e.keyCode); if (e.keyCode == 8 || e.keyCode == 46) { e.returnValue = false; e.cancelBubble = true; if (e.stopPropagation) { e.stopPropagation(); alert("stoppropagation");} if (e.preventDefault) { e.preventDefault(); alert("preventdefault");} return false; } }; </script> </body> </html>

$(document).ready(function(){ //for IE use keydown, for Mozilla keypress //as described in scr: http://www.codeproject.com/KB/scripting/PreventDropdownBackSpace.aspx $('select').keypress(function(event){if (event.keyCode == 8) {return false;}}); $('select').keydown(function(event){if (event.keyCode == 8) {return false;}}); }

まあ、Operaは OnKeyPressイベントでキャンセルするイベントを必要としていることが判明し、 onkeydownではありません。

参考：jqueryのを使用してhttp://jimblackler.net/blog/?p=20

出典

2009-11-20 22:43:46 hova

良好な観察。よくやった – OptimusCrime

this articleからプロジェクトのソースコードを確認したい場合があります。彼は、さまざまなブラウザのバックスペースキーとどう競合しなければならないかについて詳しく説明します。

出典

2009-11-20 21:26:56

これは私が思ったよりもやっかいです。あなたがページからバックスペースからユーザーを防止している理由に応じて、thisのようなものは、あなたのために働くかもしれない：

<script type="text/javascript"> 

     var bShowWarning = false; 

     document.getElementById("testselect").onkeydown = function(e) { 
      if (!e) { 
       e = event; 
      } 
      if (e.keyCode == 8 || e.keyCode == 46) { 
       bShowWarning = true; 
      } 
     }; 

     function UnLoadWindow() { 
      if (!bShowWarning) return; 
      return 'If you leave the page your data will be lost.'; 
     } 

     window.onbeforeunload = UnLoadWindow; 
    </script>

出典

2009-11-20 22:17:51 fordareh

<script type="text/javascript"> 

    //set this variable according to the need within the page 
    var BACKSPACE_NAV_DISABLED = true; 

    function fnPreventBackspace(event){if (BACKSPACE_NAV_DISABLED && event.keyCode == 8) {return false;}} 
    function fnPreventBackspacePropagation(event){if(BACKSPACE_NAV_DISABLED && event.keyCode == 8){event.stopPropagation();}return true;} 

    $(document).ready(function(){ 
     if(BACKSPACE_NAV_DISABLED){ 
      //for IE use keydown, for Mozilla keypress 
      //as described in scr: http://www.codeproject.com/KB/scripting/PreventDropdownBackSpace.aspx 
      $(document).keypress(fnPreventBackspace); 
      $(document).keydown(fnPreventBackspace); 

      //Allow Backspace is the following controls 
      $('input').keypress(fnPreventBackspacePropagation); 
      $('input').keydown(fnPreventBackspacePropagation); 
      $('textarea').keypress(fnPreventBackspacePropagation); 
      $('textarea').keydown(fnPreventBackspacePropagation); 
     } 
    }); 

</script>

出典

2011-10-19 07:04:46 CodeNepal

バックスペースがjavascriptで戻るのを防ぐ方法を教えてください。

答えて

関連する問題