UINOTE

JS 禁止选中内容

如何禁止用户选中页面中的内容,我们可以这样做

// 清理函数,清除选中内容
var clearSelection = "getSelection" in window ? function () {
    window.getSelection().removeAllRanges();
} : function () {
    document.selection.empty();
};

// 防止鼠标选中内容
// 当鼠标松开时清除选中内容
window.onmouseup = function () {
    clearSelection();
}
// 当鼠标按下时清除选中内容
window.onmousedown = function () {
    clearSelection();
}

// 防止通过键盘选中内容
// 当按键松开时清除选中内容
window.onkeyup = function () {
    clearSelection();
}

// 使用jQuery的方法
$(window).on("mouseup mousedown keyup", function () {
    clearSelection();
});

上一篇:JS 清除选中内容

下一篇:JS 快速原生简单生成唯一标识符 UUID