如何用js防止文章被直接复制

document.addEventListener('contextmenu', function(e) {
    e.preventDefault();
});

document.addEventListener('keydown', function(e) {
    if ((e.ctrlKey || e.metaKey) && (e.key === 'c' || e.key === 'x')) {
        e.preventDefault();
    }
});

.unselectable {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard syntax */
}

<div class="unselectable">
    这段文字不能被复制。
</div>

function displayContent() {
    const originalText = "这是需要保护的内容。";
    const scrambledText = scrambleText(originalText);
    document.getElementById('content').innerText = scrambledText;
}

function scrambleText(text) {
    // 简单示例：随机打乱字符顺序
    return text.split('').sort(() => 0.5 - Math.random()).join('');
}

<div id="content"></div>
<script>
    displayContent();
</script>