백 스페이스가 자바 스크립트에서 뒤로 이동하는 것을 방지하려면 어떻게해야합니까?

<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;}}); }

글쎄, 오페라가 때 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

그건 내가 생각했던 것보다 까다 롭습니다. 이 페이지에서 멀리 Backspacing을에서 사용자를 방지하는 이유에 따라, 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

백 스페이스가 자바 스크립트에서 뒤로 이동하는 것을 방지하려면 어떻게해야합니까?

답변

관련 문제