Câu hỏi Sự kiện nào thực hiện một lửa khi giá trị của nó bị thay đổi?


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

example number input

Tôi đã sử dụng một onblur khi tiêu điểm rời khỏi trường nhập.


76
2017-10-15 07:26


gốc


Đây có vẻ là lỗi của chrome stackoverflow.com/questions/44978087/… - Oriol Jiménez


Các 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ĩ sự kiện HTML5 input cũng sẽ cháy.


56
2017-10-15 07:30



chỉ có oninput được kích hoạt khi nhấp vào mũi tên 'lên' và 'xuống'. - N 1.1
nhưng onchange chỉ kích hoạt trên blur, ít nhất trong firefox. Tôi đoán chúng tôi sẽ phải tìm kiếm báo chí quan trọng. - andho
onchange và oninput đều làm việc trong Opera, nhưng chỉ oninput sẽ làm việc trong Chrome (và chỉ sau đó khi tôi trả về false từ event-handler - nếu không Chrome sẽ liên tục kích hoạt sự kiện oninput) - Ian Oxley
@N 1.1: oninput IS được kích hoạt khi một ký tự được chèn vào trường - andho
change khô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). - Timmmm


Tôi thấy rằng đối với jQuery mã sau được bao gồm đầu vào bàn phím, thay đổi mousewheel và nhấp chuột vào nút trong Chrome, đồng thời cũng xử lý đầu vào bàn phím trong Firefox

$("input[type=number]").bind('keyup input', function(){
    // handle event
});

30
2018-04-09 10:37



Thêm 'thay đổi' cho điều đó quá và nó hoàn hảo. Bạn cũng sẽ vẫn muốn nghe các thay đổi bên ngoài đối với nó và cũng không có hại gì khi thêm nó. - Matt Fletcher
Và cũng là 'con lăn chuột' nếu bạn muốn nhận các sự kiện cuộn bên trong trường nhập. - Matt Fletcher
Lưu ý rằng .bind() hiện không được hỗ trợ .on() - Michael Hays


Tôi thấy rằng onkeyup và onchange bao gồm mọi thứ trong Chrome 19. Thao tác này xử lý đầu vào giá trị trực tiếp, nhấn phím mũi tên xuống, nhấp vào các nút và cuộn con lăn chuột.

onchange một mình sẽ đủ trong Chrome, 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 onkeyup ràng buộc, hoạt động hoàn hảo để đọc giá trị mới.

Ràng buộc mousewheel sự kiện riêng biệt ít thành công hơn. Sự kiện bị sa thải quá sớm - trước khi giá trị trường được cập nhật - và do đó luôn đưa ra giá trị trước đó của trường


6
2018-05-24 12:42



Điều này cũng đúng với Firefox. - Thomas Jensen


Các onchange sự kiện cháy trên mờ nhưng oninput sự kiện cháy khi bạn nhập. Có lẽ bạn có thể muốn đặt bộ hẹn giờ trên oninput sự kiện và đốt cháy onchange sự kiện khi người dùng đã ngừng nhập một giây?


3
2017-10-15 07:50





Đây là một lỗi hiện tại trong Edge ngăn chặn thay đổi hoặc đầu vào khi kích hoạt khi sử dụng các phím mũi tên trong đầu vào số.


0
2018-02-26 08:02