Tôi có một biểu mẫu, trong đó tôi muốn xử lý sự kiện thay đổi trên đầu vào văn bản, nhưng React onChange kích hoạt trên phím xuống (ngược lại với JS gốc, kích hoạt sự kiện thay đổi khi trường đầu vào bị mất tiêu điểm ).
Có cách React nào để làm những gì tôi muốn không?
Câu trả lời:
Nếu bạn chỉ muốn kích hoạt xác thực khi đầu vào mất tiêu điểm, bạn có thể sử dụng onBlur
Thông tin bên lề: React <17 lắng nghe blursự kiện và> = 17 lắng nghe focusoutsự kiện.
Đã muộn, nhưng nó không đáng để bạn mất thời gian, có một số khác biệt trong việc triển khai cấp trình duyệt của các sự kiện focusin và focusout và phản ứng tổng hợp onFocus và onBlur. focusin và focusout thực sự bong bóng, trong khi onFocus và onBlur thì không. Vì vậy, không có cách triển khai chính xác giống nhau cho focusin và focusout hiện tại cho phản ứng. Dù sao hầu hết các trường hợp sẽ được đề cập trong onFocus và onBlur.
Bạn cần phải cẩn thận vì onBlurcó một số lưu ý trong IE11 ( Cách sử dụng RelatedTarget (hoặc tương đương) trong IE ? , https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/osystemTarget ) .
Tuy nhiên, không có cách nào để sử dụng onFocusOuttrong React theo như tôi có thể nói. Xem sự cố trên github https://github.com/facebook/react/issues/6410 của họ nếu bạn cần thêm thông tin.