jQuery: cách lọc ra các phím không phải ký tự trên sự kiện nhấn phím?

Question

Tôi đã thử tìm kiếm nhưng không chắc chắn về các cụm từ cần tìm.

Tôi đang sử dụng jQuery và muốn sử dụng các sự kiện phím nhấn trong một hộp, nhưng ngăn chặn tất cả các ký tự không in được (ví dụ. Nhập, ESC, phím mũi tên, phím lùi , tab, ctrl, chèn, F1 - F12, v.v ...) từ kích hoạt sự kiện.

Có cách nào dễ dàng để xác định xem nó có thể in được không?

trả lời: https://stackoverflow.com/a/20206238/253704

Answer 1

Câu trả lời đã chọn cho câu hỏi này chưa hoàn tất. Nó không xử lý trường hợp một phím ký tự được nhấn kết hợp với phím bổ trợ (ví dụ: CTRL - A).

Hãy thử, ví dụ: nhập CTRL - A sử dụng firefox với mã sau. Câu trả lời hiện tại sẽ xem xét nó như là một nhân vật:

HTML:

<input placeholder="Try typing CTRL-A in Firefox" style="width: 200px"/> 

JavaScript:

$("input").keypress(function (e) { 
    if (e.which !== 0) { 
     alert(String.fromCharCode(e.which)); 
    } 
}); 

http://jsfiddle.net/4jx7v/

Lưu ý: một cảnh báo sẽ không bị sa thải nếu sử dụng một số trình duyệt (chẳng hạn như Chrome), vì chúng không kích hoạt sự kiện nhấn phím cho đầu vào không phải ký tự.

Một giải pháp tốt hơn có thể là:

HTML:

<input placeholder="Try typing CTRL-A in Firefox" style="width: 200px"/> 

JavaScript:

$("input").keypress(function (e) { 
    if (e.which !== 0 && 
     !e.ctrlKey && !e.metaKey && !e.altKey 
    ) { 
     alert(String.fromCharCode(e.which)); 
    } 
}); 

http://jsfiddle.net/hY5f4/

Trong trường hợp này, các cảnh báo chỉ được kích hoạt khi Một được nhấn, không phải CTRL - A cho tất cả các trình duyệt.

Answer 2

Bạn có thể sử dụng biểu thức thông thường như thế này

$('something').keypress(function(e) { 
    if(e.match(YourRegularExpressionHere)) { 
     //do something 
    } 
}); 

này sẽ chỉ làm điều gì đó nếu nó phù hợp với biểu thức chính quy.

Hãy xem cụm từ thông dụng. http://www.regular-expressions.info/javascript.html

Answer 3

<script> 
    $("input").keypress(function (e) { 
     if (e.which !== 0 && 
      !e.ctrlKey && !e.metaKey && !e.altKey) { 
      alert(String.fromCharCode(e.which)); 
     } 
    }); 
</script> 

Có vẻ như chỉ làm việc tốt với jQuery 1.4.2, FF, IE, Chrome.

Để đi sâu vào mớ hỗn độn đó là xử lý sự kiện JS bàn phím, xem: JavaScript Madness: Keyboard Events

---

cập nhật để lọc ctrl, meta & alt tổ hợp phím theo Daniel's comment.

Answer 4

Kiểm tra các tổ hợp phím sẽ không phải là giải pháp tốt nhất trong mọi trường hợp. Ví dụ: Ví dụ: nếu bạn sử dụng tổ hợp phím để nhập ký tự, điều đó sẽ chặn sự kiện onkeypress, khi sự cố không được thực hiện.

Hãy thử điều đó ở đây và bạn sẽ thấy rằng nó sẽ không làm việc: (. Trên máy Mac, hãy thử alt + thư và trên Windows, hãy thử alt + một loạt các phím số) http://jsfiddle.net/4jx7v/

Một thay thế cho điều đó sẽ chỉ đơn giản là kiểm tra xem giá trị đầu vào có thay đổi so với giá trị trước đó hay không, theo cách đó, bạn biết chắc chắn rằng một cái gì đó đã được nhập.

JavaScript:

var previousValue; 
$("input").keypress(function (e) { 
    if (previousValue != $(this).val()) { 
     alert('Something has been typed.'); 
    } 
});