Các sự kiện kích hoạt Tự động điền và Javascript của Trình duyệt

Question

Một trong những người dùng của chúng tôi vừa đưa ra thực tế là tính năng Tự động điền của trình duyệt không gây ra sự kiện JS onChange để kích hoạt; điều này gây ra sự cố với đăng ký người dùng cho chúng tôi.

Đây có phải là thiết kế không? Có cách nào để giải quyết nó không?

Answer 1

Một giải pháp tôi thỉnh thoảng sử dụng là kiểm tra xem giá trị của trường/đầu vào/lựa chọn có khác với giá trị mặc định của nó hay không. defaultValue sẽ là giá trị ban đầu trong đánh dấu và giá trị là giá trị hiện tại được gọi là giá trị được chọn hoặc đã nhập. Điều này có thể khác nhau mặc dù biểu mẫu đã được tự động điền.

Nếu bạn muốn tắt tự động điền hoàn toàn, có thể là khôn ngoan khi thêm tự động điền = "tắt" trên các trường được kết nối trực tiếp với logic của bạn.

Answer 2

Bạn đã thử dùng onpropertychanged thay vì sự kiện onchange chưa? Đó là cho IE chỉ mặc dù và là sửa chữa được đề nghị trên MSDN.

Answer 3

Dưới đây là một giải pháp khá tốt mà làm điều gì đó tương tự như những gì Jishi mô tả:

https://web.archive.org/web/20131125153914/http://furrybrains.com/2009/01/02/capturing-autofill-as-a-change-event/

Cập nhật các liên kết bị hỏng với Máy liên kết Wayback

Answer 4

Chỉ trong trường hợp ai đó đang vẫn đang tìm kiếm một giải pháp (giống như tôi đã có ngày hôm nay), để nghe một thay đổi tự động điền của trình duyệt, đây là phương pháp jquery tùy chỉnh mà tôi đã tạo, chỉ để đơn giản hóa quá trình xử lý khi thêm trình xử lý thay đổi vào đầu vào:

$.fn.allchange = function (callback) { 
     var me = this; 
     var last = ""; 
     var infunc = function() { 
      var text = $(me).val(); 
      if (text != last) { 
       last = text; 
       callback(); 
      } 
      setTimeout(infunc, 100); 
     } 
     setTimeout(infunc, 100); 
    }; 

Bạn có thể gọi nó như thế này:

$("#myInput").allchange(function() { 
    alert("change!"); 
});