Hướng dẫn html limit decimal places - giới hạn html vị trí thập phân

Tôi đã sử dụng câu trả lời của @TharpetofGreenness, trong đó bạn nghe sự kiện input thay vì change như trong một sự kiện được chấp nhận, nhưng phát hiện ra rằng trong mọi trường hợp, việc xóa các ký tự không được xử lý đúng cách.deleting characters isn't handled properly.

Nội phân Chính showShow

• Định nghĩa và cách sử dụng
• Giá trị trả về
• Nhiều ví dụ hơn
• Hỗ trợ trình duyệt
• Làm thế nào để bạn thêm các vị trí thập phân trong HTML?
• Làm cách nào để đặt 2 vị trí thập phân trong HTML?
• Làm cách nào để giới hạn số lượng vị trí thập phân trong HTML?
• Làm thế nào để bạn đặt số lượng số thập phân?

Giả sử chúng ta đã có một đầu vào với giá trị là "0,25". Người dùng đánh "Backspace", giá trị biến thành "0,20" và dường như không thể xóa bất kỳ ký tự nào nữa, bởi vì "0" luôn được thêm vào cuối bằng hàm.

Để chăm sóc điều đó, tôi đã thêm một điều khoản bảo vệ khi người dùng xóa ký tự:

if [e.inputType == "deleteContentBackward"] {
  return;
}

Điều này sửa lỗi, nhưng vẫn còn một điều bổ sung - bây giờ khi người dùng đạt "backspace" giá trị "0,25" thay đổi thành "0,2", nhưng chúng tôi vẫn cần hai chữ số để có mặt trong đầu vào khi chúng tôi để nó . Để làm điều đó, chúng ta có thể lắng nghe sự kiện blur và đính kèm cùng một cuộc gọi lại với nó.

Tôi đã kết thúc với giải pháp này:

const setTwoNumberDecimal = [el] => {
  el.value = parseFloat[el.value].toFixed[2];
};

const handleInput = [e] => {
  if [e.inputType == "deleteContentBackward"] {
    return;
  }
  setTwoNumberDecimal[e.target];
};

const handleBlur = [e] => {
  if [e.target.value !== ""] {
    setTwoNumberDecimal[e.target];
  }
};

myHTMLNumberInput.addEventListener["input", handleInput];
myHTMLNumberInput.addEventListener["blur", handleBlur];

Định nghĩa và cách sử dụng

Giá trị trả về

Nhiều ví dụ hơn

Hỗ trợ trình duyệt

Làm thế nào để bạn thêm các vị trí thập phân trong HTML?

Làm cách nào để đặt 2 vị trí thập phân trong HTML?

Làm cách nào để giới hạn số lượng vị trí thập phân trong HTML?

Giá trị trả về

Nhiều ví dụ hơn

Hỗ trợ trình duyệt

Làm thế nào để bạn thêm các vị trí thập phân trong HTML?

Làm cách nào để đặt 2 vị trí thập phân trong HTML?

Phương thức toFixed[] làm tròn chuỗi vào một số thập phân được chỉ định.

Ghi chú

Làm thế nào để bạn thêm các vị trí thập phân trong HTML?

Làm cách nào để đặt 2 vị trí thập phân trong HTML?.

Làm cách nào để giới hạn số lượng vị trí thập phân trong HTML?

Làm thế nào để bạn đặt số lượng số thập phân?

Giả sử chúng ta đã có một đầu vào với giá trị là "0,25". Người dùng đánh "Backspace", giá trị biến thành "0,20" và dường như không thể xóa bất kỳ ký tự nào nữa, bởi vì "0" luôn được thêm vào cuối bằng hàm.

Để chăm sóc điều đó, tôi đã thêm một điều khoản bảo vệ khi người dùng xóa ký tự:

Điều này sửa lỗi, nhưng vẫn còn một điều bổ sung - bây giờ khi người dùng đạt "backspace" giá trị "0,25" thay đổi thành "0,2", nhưng chúng tôi vẫn cần hai chữ số để có mặt trong đầu vào khi chúng tôi để nó . Để làm điều đó, chúng ta có thể lắng nghe sự kiện blur và đính kèm cùng một cuộc gọi lại với nó.

Làm cách nào để đặt 2 vị trí thập phân trong HTML?

Làm cách nào để giới hạn số lượng vị trí thập phân trong HTML?, e.g. num. toFixed[2] . The toFixed method takes a parameter, representing how many digits should appear after the decimal and returns the result.

Làm cách nào để giới hạn số lượng vị trí thập phân trong HTML?

Làm thế nào để bạn đặt số lượng số thập phân?use the . toFixed[] method to limit decimal places.

Làm thế nào để bạn đặt số lượng số thập phân?

Giả sử chúng ta đã có một đầu vào với giá trị là "0,25". Người dùng đánh "Backspace", giá trị biến thành "0,20" và dường như không thể xóa bất kỳ ký tự nào nữa, bởi vì "0" luôn được thêm vào cuối bằng hàm.