Widely available すべての主要ブラウザで対応済み。安心して使用可能。

概要

Selection API はユーザーが選択したテキスト範囲の取得や操作を行います。window.getSelection() で選択オブジェクトを取得します。

対応ブラウザ

デスクトップ

Chrome 11+
Edge 12+
Safari 5.1+
Firefox 52+

モバイル

Chrome Android 18+
Safari iOS 5+
Firefox Android 52+

基本構文

JAVASCRIPT
const selection = window.getSelection();
const text = selection.toString();
console.log('選択テキスト:', text);
// 選択範囲をクリア
selection.removeAllRanges();

実務での使いどころ

  • Selection の活用

    Selection API。ユーザーのテキスト選択範囲を取得・操作するAPI。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。