跨浏览器禁用用户选择(Ctrl + A)

时间:2013-01-30 06:37:09

标签: javascript jquery html css event-handling

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

有没有简单的方法就像在浏览器中添加一些限制或在body标签中添加一些属性可以解决问题?

2 个答案:

答案 0 :(得分:4)

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

将以下user-select属性添加到您不想变为蓝色的元素。将其添加到正文会将selectableeditable元素变为selectableeditable。因此,建议在特定元素上使用它,例如

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

或者你可以看到更多:

Documentation

答案 1 :(得分:2)

您可以使用jquery

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

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

相关问题