Hướng dẫn what is charcode in javascript? - charcode trong javascript là gì?

Giá trị

Một số đại diện cho giá trị unicode của khóa ký tự đã được nhấn.

Ví dụ

HTML

<p>Type anything into the input box below to log a <code>charCodecode>.p>
<input type="text" />
<p id="log">p>

JavaScript

const input = document.querySelector('input');
const log = document.querySelector('#log');

input.addEventListener('keypress', (e) => {
  log.innerText = `Key pressed: ${String.fromCharCode(e.charCode)}\ncharCode: ${e.charCode}`;
});

Kết quả

Ghi chú

• Trong một sự kiện

  const input = document.querySelector('input');
  const log = document.querySelector('#log');
  
  input.addEventListener('keypress', (e) => {
    log.innerText = `Key pressed: ${String.fromCharCode(e.charCode)}\ncharCode: ${e.charCode}`;
  });
  

  1, giá trị unicode của khóa được lưu trữ trong thuộc tính

  const input = document.querySelector('input');
  const log = document.querySelector('#log');
  
  input.addEventListener('keypress', (e) => {
    log.innerText = `Key pressed: ${String.fromCharCode(e.charCode)}\ncharCode: ${e.charCode}`;
  });
  

  4 hoặc charCode, nhưng không bao giờ cả hai. Nếu phím nhấn tạo ra một ký tự (ví dụ: 'A'), charCode sẽ được đặt thành mã của ký tự đó; charCode tôn trọng trường hợp chữ cái (nói cách khác, charCode có tính đến liệu khóa Shift có được giữ không). Mặt khác, mã của phím nhấn được lưu trữ trong

  const input = document.querySelector('input');
  const log = document.querySelector('#log');
  
  input.addEventListener('keypress', (e) => {
    log.innerText = `Key pressed: ${String.fromCharCode(e.charCode)}\ncharCode: ${e.charCode}`;
  });
  

  4.
• Khi nhấn một hoặc nhiều khóa sửa đổi, có một số quy tắc phức tạp cho charCode. Xem sự kiện Keypress Gecko để biết chi tiết.
• charCode không bao giờ được đặt trong các sự kiện charCodeAt()2 và charCodeAt()3. Trong những trường hợp này,

  const input = document.querySelector('input');
  const log = document.querySelector('#log');
  
  input.addEventListener('keypress', (e) => {
    log.innerText = `Key pressed: ${String.fromCharCode(e.charCode)}\ncharCode: ${e.charCode}`;
  });
  

  4 được đặt thay thế.
• Để có được mã của khóa bất kể nó được lưu trữ trong

  const input = document.querySelector('input');
  const log = document.querySelector('#log');
  
  input.addEventListener('keypress', (e) => {
    log.innerText = `Key pressed: ${String.fromCharCode(e.charCode)}\ncharCode: ${e.charCode}`;
  });
  

  4 hay charCode, truy vấn thuộc tính charCodeAt()7.
• Các ký tự được nhập thông qua IME không đăng ký thông qua

  const input = document.querySelector('input');
  const log = document.querySelector('#log');
  
  input.addEventListener('keypress', (e) => {
    log.innerText = `Key pressed: ${String.fromCharCode(e.charCode)}\ncharCode: ${e.charCode}`;
  });
  

  4 hoặc charCode.
• Đối với danh sách các giá trị charCode được liên kết với các khóa cụ thể, hãy chạy Ví dụ 7: Hiển thị các thuộc tính đối tượng sự kiện và xem bảng HTML kết quả.