Phát hiện thay đổi/dán trực tiếp trên JavaScript của trình duyệt chéo

Question

Có cách nào để cách trình duyệt chéo để phát hiện các thay đổi trực tiếp cho trường nhập không?

Bằng cách sống, ý tôi là không phải khi trường mất tiêu điểm và không nhấn phím tiếp theo, v.v. Ngay lập tức hoặc một cái gì đó như nó.

Sử dụng sự kết hợp của jQuery và .change(), .keyup(), .bind('paste') và vân vân tôi có thể nhận làm việc trực tiếp phát hiện sự thay đổi trong một số trình duyệt, nhưng không phải tất cả. Sử dụng các kết hợp khác nhau sẽ làm cho nó hoạt động phần nào trong các trình duyệt khác.

Các điều khó khăn nhất để làm việc là chuột thao tác của lĩnh vực đầu vào - chọn văn bản và di chuyển nó (mà chủ yếu là cắt và dán), kích chuột phải và dán hoặc cắt, vv Đối với một số lý do thậm chí .mousedown() và .mouseup() dường như không cắt nó.

Giải pháp trình duyệt chéo duy nhất tôi có thể nghĩ đến ngay bây giờ là kiểm tra giá trị trường nhập mỗi 100 mili giây và so sánh giá trị với giá trị được lưu trữ. Nhưng điều này có vẻ như quá mức cần thiết khi giải pháp dựa trên sự kiện đến rất gần.

Có plugin jQuery nào thực hiện việc này không? Hay có cách nào khác để đạt được điều này?

Answer 1

Để hoàn tất việc thay đổi và xử lý khóa, bạn có thể thêm trình xử lý cho cut/copy/paste. Chúng hoạt động trong Firefox> = 3, IE, Safari và Chrome (nhưng không phải trong Opera/Konqueror).

Điều đó có bao gồm mọi thứ cho trường hợp sử dụng của bạn không?

Answer 2

Tùy thuộc vào Trình duyệt bạn cần hỗ trợ, bạn có thể sử dụng HTML5 oninput của HTML5.
Nó sẽ kích hoạt ngay khi đầu vào được giám sát thay đổi. Trong jQuery, bạn chỉ cần thực hiện:

$('#my-input').bind('input', function(e) { 
    console.log("#my-input's value changed"); 
});