PC・iPhone・アンドロイドの範囲選択終了のイベント

【PC】mouseupを使う

const isMobile = /iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(userAgent);
const isAndroid = /android/i.test(userAgent);

if (isMobile) {
}else{
    $(document).on("mouseup", function () {
        setTimeout(function () {
            let selectedText = getSelectedText();
            if (selectedText) {
                console.log("選択されたテキスト:", selectedText);
            }
        }, 100);
    });
}

【iPhone】touchendを使う

const isMobile = /iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(userAgent);
const isAndroid = /android/i.test(userAgent);

if (isMobile) {
    if (isAndroid) {
    }else{
        $(document).on("touchend", function () {
            setTimeout(function () {
                let selectedText = getSelectedText();
                if (selectedText) {
                    console.log("選択されたテキスト:", selectedText);
                }
            }, 100);
        });
    }
}

【Android】selectionchangeを使う

const isMobile = /iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(userAgent);
const isAndroid = /android/i.test(userAgent);

if (isMobile) {
    if (isAndroid) {
        $(document).on("selectionchange", function () {
            setTimeout(function () {
                let selectedText = getSelectedText();
                if (selectedText) {
                    console.log("選択されたテキスト:", selectedText);
                }
            }, 100);
        });
    }
}

選択中のテキストを取得する関数

if (isMobile) {
    if (isAndroid) {
        function getSelectedText() {
            if (window.getSelection) {
                return window.getSelection().toString().trim();
            }
            return "";
        }
    }
}