javascript - 跨浏览器禁用用户选择（Ctrl + A）

Question

默认情况下，用户可以拖动并选择屏幕项目/按 CTRL + A ，所有项目将变为蓝色并模糊（选中）。但是，有没有办法阻止这个事件？谢谢

是否有任何简单的方法，例如在浏览器中添加一些限制或在 body 标签中添加一些属性可以解决问题？

Answer 1

user-select:none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;

将以下user-select属性添加到您不想变成蓝色的元素。将它添加到 body 将变成selectableoreditable元素不是selectableor editable。因此，建议在特定元素上使用它，例如

div, image, iframe {
    user-select:none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

或者您可以查看更多信息：

文档

Answer 2

您可以使用 jquery 来完成

$(function(){   
$(document).keydown(function(objEvent) {        
    if (objEvent.ctrlKey) {          
        if (objEvent.keyCode == 65) {                         
            objEvent.disableTextSelect();
            return false;
        }            
    }        
});
});    

希望它有效，此代码在浏览器上禁用 ctrl+a