Chỉ tự hỏi liệu có ai biết sự kiện nào mà một <input type="number" />phần tử HTML5 kích hoạt khi các mũi tên lên / xuống của nó được nhấp vào hay không:

Tôi đã sử dụng dấu onblurcho khi tiêu điểm rời khỏi trường nhập.
Chỉ tự hỏi liệu có ai biết sự kiện nào mà một <input type="number" />phần tử HTML5 kích hoạt khi các mũi tên lên / xuống của nó được nhấp vào hay không:

Tôi đã sử dụng dấu onblurcho khi tiêu điểm rời khỏi trường nhập.
Câu trả lời:
change sẽ là sự kiện được kích hoạt khi giá trị của trường thay đổi.
Tôi nghĩ rằng sự kiện HTML5 inputcũng sẽ kích hoạt.
oninputđược kích hoạt khi nhấp vào mũi tên 'lên' và 'xuống'.
changekhông kích hoạt khi giá trị được nhập vào, chỉ khi các nút được nhấp (ít nhất là trên Firefox).
inputgiống như một phản ứng tổng hợp giữakeyup change
Tôi thấy rằng đối với jQuery, đầu vào bàn phím có mã sau đây, thay đổi con lăn chuột và nhấp vào nút trong Chrome và cũng xử lý nhập bàn phím trong Firefox
$("input[type=number]").bind('keyup input', function(){
// handle event
});
.bind()hiện không được dùng nữa để ủng hộ.on()
Tôi đã tìm thấy điều đó onkeyupvà onchangebao gồm mọi thứ trong Chrome 19. Điều này xử lý đầu vào giá trị trực tiếp, nhấn phím mũi tên lên, nhấp vào các nút và cuộn con lăn chuột.
onchangeChỉ riêng trong Chrome là đủ, nhưng các trình duyệt khác chỉ hiển thị trường dưới dạng hộp văn bản cần onkeyupliên kết, hoạt động hoàn hảo để đọc giá trị mới.
Ràng buộc mousewheelsự kiện riêng lẻ ít thành công hơn. Sự kiện đã kích hoạt quá sớm - trước khi giá trị trường được cập nhật - và do đó luôn cung cấp giá trị trước đó của trường
Có một lỗi hiện tại trong Edge ngăn không cho thay đổi hoặc đầu vào kích hoạt khi sử dụng các phím mũi tên khi nhập số.