Làm thế nào để ràng buộc một trình xử lý để thay đổi lựa chọn trên cửa sổ?

Question

Về cơ bản tôi cần biết khi nào window.getSelection() đã thay đổi và ràng buộc một trình xử lý cho sự kiện này. Ý tưởng?

OBS: Xin lưu ý rằng tôi không tìm cách ràng buộc thay đổi lựa chọn trên INPUT hoặc TEXTAREA. Tôi đang nói về bất kỳ lựa chọn nào trong cửa sổ.

Answer 1

Tôi nghĩ rằng nó sẽ giúp

function foo() { 
    var selObj = window.getSelection(); 
    alert(selObj); 
    var selRange = selObj.getRangeAt(0); 
    // work something with selObj 
} 

Answer 2

Không có cách nào qua trình duyệt phát hiện thay đổi đối với lựa chọn. IE (kể từ phiên bản 5.5, tôi nghĩ) và trình duyệt WebKit/Blink (Chrome, Safari và Opera phiên bản từ vài năm qua), hỗ trợ sự kiện selectionchange trên document thực hiện chính xác những gì bạn muốn.

Firefox và trước Blink Opera không có sự kiện như vậy và tất cả những gì bạn có thể làm là phát hiện các thay đổi lựa chọn được thực hiện thông qua các sự kiện bàn phím và chuột, không đạt yêu cầu (không có cách nào phát hiện "Chọn tất cả" từ ngữ cảnh hoặc menu chỉnh sửa, ví dụ) hoặc chỉ đơn giản là thăm dò đối tượng Selection được trả lại bởi window.getSelection() (kiểm tra các lựa chọn của anchorNode, anchorOffset, focusNode và focusOffset thuộc tính so với các giá trị trước đó của chúng là đủ).

Answer 3

Không có sự kiện trên trình duyệt cho điều đó.

Tuy nhiên, có sự kiện được gọi là selectionchange, kích hoạt mọi thay đổi trong lựa chọn trong tài liệu nhưng chỉ được hỗ trợ trong IE và WebKit gần đây (Chrome/Safari), vì vậy không có Firefox/Opera.

Bạn có thể sử dụng các sự kiện selectionchange như thế này:

$(document).on('selectionchange', function(e) { 
    console.log('selectionchange', e.originalEvent); 
}); 

jsfiddle example