CSS 不可选中文字

结构

    我是一段不愿意分享的文字

JS实现

        // 1 contextmenu 我们可以禁用右键菜单
        document.addEventListener('contextmenu', function (e) {
    
    
            e.preventDefault();
        })
        // 2 禁止选中文字 selectstart
        document.addEventListener('selectstart', function (e) {
    
    
            e.preventDefault(e);
        })

CSS实现

    user-select: none;