Hủy bỏ phím tắt trong HTML

Question

Làm cách nào tôi có thể hủy keydown của một khóa cụ thể trên bàn phím, ví dụ (khoảng trắng, nhập và arrows) trong trang HTML.

Answer 1

Nếu bạn chỉ quan tâm đến các khóa ví dụ mà bạn đã đề cập, sự kiện keydown sẽ làm, ngoại trừ các phiên bản Opera cũ hơn, trước Blink (tối đa và bao gồm phiên bản 12, ít nhất) bạn sẽ cần hủy sự kiện keypress. Việc xác định đáng tin cậy các khóa không thể in được dễ dàng hơn trong sự kiện keydown hơn sự kiện keypress, vì vậy sau đây sử dụng biến để đặt trong trình xử lý keydown để thông báo cho trình xử lý keypress có hay không chặn hoạt động mặc định.

var cancelKeypress = false; 

document.onkeydown = function(evt) { 
    evt = evt || window.event; 
    cancelKeypress = /^(13|32|37|38|39|40)$/.test("" + evt.keyCode); 
    if (cancelKeypress) { 
     return false; 
    } 
}; 

/* For Opera */ 
document.onkeypress = function(evt) { 
    if (cancelKeypress) { 
     return false; 
    } 
}; 

Answer 2

Bắt sự kiện keydown và trả về false. Nó phải ở trong dòng:

<script> 
document.onkeydown = function(e){ 
    var n = (window.Event) ? e.which : e.keyCode; 
    if(n==38 || n==40) return false; 
} 
</script> 

(seen here)

Các mã phím được định nghĩa here

chỉnh sửa: cập nhật câu trả lời của tôi để làm việc trong IE

Answer 3

jQuery có một tốt đẹp KeyPress function mà cho phép bạn phát hiện một phím bấm, sau đó nó chỉ là một trường hợp phát hiện keyvalue và thực hiện một nếu cho những người bạn muốn bỏ qua.

chỉnh sửa: ví dụ:

$('#target').keypress(function(event) { 
    if (event.keyCode == '13') { 
    return false; // or event.preventDefault(); 
    } 
}); 

Answer 4

Chỉ cần trả về false. Cẩn thận rằng trên Opera này không hoạt động. Bạn có thể muốn sử dụng onkeyup thay thế và kiểm tra ký tự được nhập cuối cùng và xử lý nó. Hoặc sử dụng tốt hơn JQuery KeyPress

Answer 5

Đây chắc chắn là chủ đề rất cũ. Để làm được điều kỳ diệu với IE10 và FireFox 29.0.1 bạn chắc chắn phải làm bên này keypress (không keydown) chức năng nghe sự kiện:

if (e.preventDefault) e.preventDefault(); 

Answer 6

tôi chỉ phát triển cho IE vì tác phẩm của tôi đòi hỏi nó, do đó là mã của tôi cho trường số, không phải là một vẻ đẹp nhưng hoạt động tốt

$(document).ready(function() { 

    $("input[class='numeric-field']").keydown(function (e) { 

     if (e.shiftKey == 1) { 
      return false 
     } 

     var code = e.which; 
     var key; 

     key = String.fromCharCode(code); 

     //Keyboard numbers 
     if (code >= 48 && code <= 57) { 
      return key; 
     } //Keypad numbers 
     else if (code >= 96 && code <= 105) { 
      return key 
     } //Negative sign 
     else if (code == 189 || code == 109) { 
      var inputID = this.id; 
      var position = document.getElementById(inputID).selectionStart 
      if (position == 0) { 
       return key 
      } 
      else { 
       e.preventDefault() 
      } 
     }// Decimal point 
     else if (code == 110 || code == 190) { 
      var inputID = this.id; 
      var position = document.getElementById(inputID).selectionStart 

      if (position == 0) { 
       e.preventDefault() 
      } 
      else { 
       return key; 
      } 
     }// 37 (Left Arrow), 39 (Right Arrow), 8 (Backspace) , 46 (Delete), 36 (Home), 35 (End) 
     else if (code == 37 || code == 39 || code == 8 || code == 46 || code == 35 || code == 36) { 
      return key 
     } 
     else { 
      e.preventDefault() 
     } 
    }); 

});