JavaScriptで選択されたテキストを取得する方法

JavaScriptを使用して、ウェブページ上で選択されたテキストを取得する方法について説明します。以下にいくつかの方法とそれぞれのコード例を示します。

window.getSelection()メソッドを使用する方法:

// テキストが選択されたときのイベントリスナーを追加
document.addEventListener('mouseup', function() {
  var selectedText = window.getSelection().toString();
  console.log(selectedText);
});

document.getSelection()メソッドを使用する方法:

// テキストが選択されたときのイベントリスナーを追加
document.addEventListener('mouseup', function() {
  var selectedText = document.getSelection().toString();
  console.log(selectedText);
});

document.activeElementオブジェクトを使用する方法:

// テキストが選択されたときのイベントリスナーを追加
document.addEventListener('mouseup', function() {
  var selectedText = document.activeElement.value.substring(
    document.activeElement.selectionStart,
    document.activeElement.selectionEnd
  );
  console.log(selectedText);
});

これらの方法を使用すると、ウェブページ上で選択されたテキストを取得することができます。選択されたテキストを使用して、さまざまな用途に応じた処理を追加することができます。