jquery - セレクターが jQuery 経由でアクセスできることを確認しますか?

Question

ここで、jQuery のセレクター マニュアルを見ています: http://api.jquery.com/category/selectors/。最初に、CSS 1-3 セレクターがサポートされていると述べ、その後、サポートされているセレクターのリストに進みます。

::selectionjQuery経由で選択可能かどうかを確認するのに苦労しています。そうでない場合、::selectionjQuery を介したターゲティングのサポートを組み込む方法はありますか?

Answer 1

残念ながら、 ::selection要素を選択したり、選択したテキストを選択したりするために使用することはできません。

ただし、プレーンな古い JavaScript を使用して、ドキュメントから選択したテキストを取得できます。

ここでMark Kolich による詳細なブログ投稿と動作するデモを見ることができます。

これがその投稿のコードです

if(!window.Kolich){
  Kolich = {};
}

Kolich.Selector = {};
Kolich.Selector.getSelected = function(){
  var t = '';
  if(window.getSelection){
    t = window.getSelection();
  }else if(document.getSelection){
    t = document.getSelection();
  }else if(document.selection){
    t = document.selection.createRange().text;
  }
  return t;
}

Kolich.Selector.mouseup = function(){
  var st = Kolich.Selector.getSelected();
  if(st!=''){
    alert("You selected:\n"+st);
  }
}

$(document).ready(function(){
  $(document).bind("mouseup", Kolich.Selector.mouseup);
});