Sự khác biệt giữa sự kiện "thay đổi" và "đầu vào" cho phần tử `đầu vào`

Ai đó có thể cho tôi biết sự khác biệt giữa changeinput sự kiện và sự kiện là gì không?

Tôi đang sử dụng jQuery để thêm chúng:

$('input[type="text"]').on('change', function() {
    alert($(this).val());
})

Nó cũng hoạt động với input thay vì change.

Có thể một số khác biệt trong sự kiện thứ tự liên quan đến tiêu điểm?

Theo bài đăng này :

• oninput sự kiện xảy ra khi nội dung văn bản của một phần tử được thay đổi thông qua giao diện người dùng.

• onchangexảy ra khi lựa chọn, trạng thái đã chọn hoặc nội dung của một phần tử đã thay đổi . Trong một số trường hợp, nó chỉ xảy ra khi phần tử bị mất tiêu điểm hoặc khi nhấn return(Enter) và giá trị đã bị thay đổi. Thuộc tính onchange có thể được sử dụng với: <input>, <select>, và <textarea>.

TL; DR:

• oninput: bất kỳ thay đổi nào được thực hiện trong nội dung văn bản
• onchange:
  • Nếu đó là <input />: thay đổi + mất tập trung
  • Nếu đó là một <select>: tùy chọn thay đổi

$("input, select").on("input", function () {
    $("pre").prepend("\nOn input. | " + this.tagName + " | " + this.value);
}).on("change", function () {
    $("pre").prepend("\nOn change | " + this.tagName + " | " + this.value);
}).on("focus", function () {
    $("pre").prepend("\nOn focus | " + this.tagName + " | " + this.value);
}).on("blur", function () {
    $("pre").prepend("\nOn blur | " + this.tagName + " | " + this.value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" />
<select>
  <option>Alice</option>
  <option>Bob</option>
  <option>Carol</option>
  <option>Dave</option>
  <option>Emma</option>
</select>
<pre></pre>

• Kích change eventhoạt trong hầu hết các trình duyệt khi nội dung bị thay đổi và phần tử bị mất focus. Về cơ bản, nó là tổng hợp các thay đổi Nó sẽ không kích hoạt cho mọi thay đổi như trong trường hợp input event.

• Kích input eventhoạt đồng bộ khi thay đổi nội dung cho phần tử. Như vậy, người nghe sự kiện có xu hướng sa thải thường xuyên hơn.

• Các trình duyệt khác nhau không phải lúc nào cũng đồng ý liệu một sự kiện thay đổi có nên được kích hoạt cho một số loại tương tác nhất định hay không

Tài liệu MDN có giải thích rõ ràng (không chắc khi nào nó được thêm vào):

Sự kiện thay đổi xuất hiện ở trước input, selectvà textareacác yếu tố khi một thay đổi giá trị của phần tử được cam kết bởi người sử dụng. Không giống như sự kiện đầu vào, sự kiện thay đổi không nhất thiết phải được kích hoạt cho mỗi thay đổi đối với giá trị của phần tử .

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event