CSS 或 Javascript 禁用从 CTRL + A 突出显示的文本选择

Question

注意：这个问题与How to disable text selection highlighting using CSS?不同

在提问之前，我阅读了上述问题的讨论历史。一切正常，除了我可以允许CTRL+A（全选）仅在输入元素内有效。

那是因为我正在桌面上部署我的 HTML5 应用程序，我希望 GUI/Forms 应用程序具有相同的行为。

起点是什么？尝试使用 keypress 事件绑定所有元素并观察 CTRL + A keyCode?这种方法的缺点是必须控制一切并注意重新渲染。

我更喜欢 CSS 解决方案，但欢迎提出任何想法。

提前致谢。

@EDIT： 我发现了这个糟糕的解决方案，但可以正常工作：

$(document).keydown(function(objEvent) {
    if (objEvent.ctrlKey) {
        if ((objEvent.keyCode === 65) || (objEvent.keyCode == 97)) {
            if ($(objEvent.target).not("input").disableTextSelect().length) {
                return false;
            }
        }
    }
});

Answer 1

可能重复。

如果您被允许使用 jquery，here 就是您正在寻找的答案。

65 是 'A' 的 ascii，而 97 是 'a' 如果你想同时考虑两者的话。

$(function(){   
    $(document).keydown(function(objEvent) {

            if (objEvent.ctrlKey) {
                if ($(objEvent.target).not('input')){
                    if (objEvent.keyCode == 65 || objEvent.keyCode == 97) {                         
                        objEvent.preventDefault();
                    }
                }
            }        
    });
});   

编辑：根据您的评论进行修改以允许输入。

编辑 2：如果包含 jQuery UI，则可以使用 disableSelection() 而不是 disableTextSelect() 否则试试this.

编辑 3：抱歉，在 jQuery 1.9 中已弃用 disableSelection()，请参阅 here.。试试这个简单的技巧，而不是 disableSelection()。将objEvent.disableTextSelect(); 替换为上面的objEvent.preventDefault();。

编辑 4：让它更干净一些。

Answer 2

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

使用上述 CSS 属性来阻止该行为。