js 鼠标选中文字

function getSelectedText() {
    let selectedText = '';
    if (window.getSelection) {
        selectedText = window.getSelection().toString();
    } else if (document.selection && document.selection.type !== "Control") {
        selectedText = document.selection.createRange().text;
    }
    return selectedText;
}

document.addEventListener('mouseup', function() {
    const selectedText = getSelectedText();
    if (selectedText) {
        console.log('选中的文本: ', selectedText);
        // 这里可以添加更多处理选中文本的逻辑
    }
});

function highlightSelection() {
    const selection = window.getSelection();
    if (!selection.rangeCount) return;

    const range = selection.getRangeAt(0);
    const span = document.createElement('span');
    span.style.backgroundColor = 'yellow';
    range.surroundContents(span);
}

document.addEventListener('mouseup', highlightSelection);

function removeHighlights() {
    const highlights = document.querySelectorAll('span[style*="background-color: yellow"]');
    highlights.forEach(span => {
        const parent = span.parentNode;
        while (span.firstChild) {
            parent.insertBefore(span.firstChild, span);
        }
        parent.removeChild(span);
    });
}

document.addEventListener('mousedown', removeHighlights);