Javascript jQuery:Binding";CTRL+;A「;仅选择特定区域的步骤
我想做的是,当按下CTRL+A时,选择全部的快捷方式;我不想让它选择所有东西,只选择一个特定的区域(就像带有xyz类的容器中的所有东西)。然而,我无法让任何东西工作。即使只是使用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 &&
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;
}