Javascript jQuery:Binding";CTRL+;A「;仅选择特定区域的步骤

Javascript jQuery:Binding";CTRL+;A「;仅选择特定区域的步骤,javascript,jquery,select,Javascript,Jquery,Select,我想做的是,当按下CTRL+A时,选择全部的快捷方式;我不想让它选择所有东西,只选择一个特定的区域(就像带有xyz类的容器中的所有东西)。然而,我无法让任何东西工作。即使只是使用select()也不起作用。例如: $("table").select(); 我尝试使用我在这里找到的js解决方案,但如果某个区域处于活动状态,而我无法解决它,它就会绑定它。代码如下: $(document).keydown(function(e) { if (e.keyCode == 65 &&

我想做的是,当按下CTRL+A时,选择全部的快捷方式;我不想让它选择所有东西,只选择一个特定的区域(就像带有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();
    }
});
我在这里创建了一个JSFIDLE:


我想要的是,只要按下CTRL+A,就可以选择
class=“class”
中的文本。

如果您打开了纯css解决方案:

参考资料:


这看起来不错,而且很有效。这与所有现代浏览器兼容吗?是的。Chrome 6.0+、Firefox、Opera 15+、Safari 3.1+、IE10+
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;
}