jQuery: 仅将 "CTRL+A" 绑定到 select 特定区域

Question

我想做的是，当按下 CTRL+A 时，select all 的快捷方式；我不想要它 select 一切，只想要一个特定的区域（比如容器内的所有东西 class xyz）。但是，我无法使任何工作正常进行。即使只使用 select() 也不起作用。示例：

$("table").select();

我尝试使用我在此处找到的 js 解决方案，但如果某个区域处于活动状态并且我无法解决它，它就会绑定它。这是代码：

$(document).keydown(function(e) {
    if (e.keyCode == 65 && e.ctrlKey) {
        var range = document.createRange();
        range.selectNode(document.getElementById('table'));
        window.getSelection().addRange(range);
        e.preventDefault();
    }
});

我在这里创建了一个 jsfiddle：http://jsfiddle.net/zpd8yLn7/

我想要的是 class="class" 中的文本在按下 CTRL+A 时被 select 编辑。

Answer 1

如果您对纯粹的 css 解决方案持开放态度：JS Fiddle

body > :not(.class) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

参考文献：

CSS rule to disable text selection highlighting

CSS-Tricks - not(s)

jQuery: 仅将 "CTRL+A" 绑定到 select 特定区域

jQuery: Binding "CTRL+A" to only select specific area only

javascript

jquery

select