ハンドラをウィンドウの選択変更にバインドする方法はありますか？

Question

基本的に私はwindow.getSelection()が変更されたことを知り、ハンドラをこのイベントにバインドする必要があります。アイデア？

OBS：私はINPUTまたはTEXTAREAの選択変更をバインドするつもりはないことに注意してください。私は窓の中のどんな選択についても話している。

Answer 1

は、私はそれが選択の変更を検出するのないクロスブラウザの方法はありません

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

Answer 2

を助けるだろうと思います。 IE（バージョン5.5以降）、WebKit/Blinkブラウザ（例えば、Chrome、Safari、Operaバージョン）はdocumentのselectionchangeイベントをサポートしています。

Firefoxとpre-Blink Operaにはこのようなイベントはなく、キーボードやマウスのイベントで選択した変更を検出するだけで済みますが、これは満足できません（コンテキストメニューや編集メニューから "Select All" window.getSelection()によって返されたSelectionオブジェクトをポーリングするだけです（選択項目のanchorNode、anchorOffset、focusNode、およびfocusOffsetのプロパティを以前の値と比較するだけで十分です）。

Answer 3

これにはブラウザ間のイベントはありません。

しかし、selectionchangeと呼ばれるイベントが存在します。これはドキュメントの選択内容の変更ごとに発生しますが、Internet Explorerや最近のWebKit（Chrome/Safari）でのみサポートされているため、Firefox/Operaはありません。

あなたはこのようselectionchangeイベントを使用することができます。

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

jsfiddle example