如何在html页面中使用Ctrl+A选择所有表列
How to select all table columns using Ctrl+A in a html page?
我们可以使用jQuery或javascript按下CTRL+A按钮来选择所有表td吗?
是的,你可以,而且你必须通过编程来完成。
下面是一个例子:在Javascript 中处理Keybord快捷方式
是的,这个问题很好。
您可以使用此函数捕获Ctrl+A或<kbd]Ctrl>+A 此功能将在Firefox和Chrome中运行。旧版本使用 唯一的问题是选择文本。我从这个答案中借用了函数 这是一个工作演示:$("body").keydown(function(e) {
if (e.ctrlKey && (e.keyCode == 65 || e.keyCode == 97)) {
selectText('copyme');
e.preventDefault();
}
});
keypress()
功能和e.charCode
,在新版本的Chrome中不起作用。selectText()
https://stackoverflow.com/a/987376/446792$(document).ready(function() {
function selectText(element) {
var doc = document;
var text = doc.getElementById(element);
if (doc.body.createTextRange) { // ms
var range = doc.body.createTextRange();
range.moveToElementText(text);
range.select();
} else if (window.getSelection) { // moz, opera, webkit
var selection = window.getSelection();
var range = doc.createRange();
range.selectNodeContents(text);
selection.removeAllRanges();
selection.addRange(range);
}
}
$("body").keydown(function(e) {
if (e.ctrlKey && (e.keyCode == 65 || e.keyCode == 97)) {
selectText('copyme');
e.preventDefault();
}
});
});
table, td {
border: solid 1px black;
margin: 10px;
padding: 10px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent iaculis lobortis adipiscing. Donec consequat commodo posuere. Praesent magna orci, suscipit ut facilisis sed, volutpat in lorem. Nulla eleifend.</p>
<table id="copyme">
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
</table>
<p>Vestibulum ac commodo libero. Aenean vitae magna nulla. Vivamus hendrerit, orci sed pretium aliquam.</p>
- 下拉选择可自动更改第二个下拉选择
- 如何使用jQuery选择下拉列表的值
- jquery点击函数select&取消选择
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 按照选项卡索引的顺序循环一个jQuery选择
- jQuery:将“CTRL+A”绑定为仅选择特定区域
- JqueryUI 可选 - 取消选择而不使用 Ctrl
- 如何从HTML下拉列表中选择多个值,而无需按住Ctrl按钮
- 使用 Ctrl+单击JS地图进行选择
- 在 jQuery dataTables 中禁用 ctrl+单击选择
- 在选择选项中选择多个项目,而不使用“Ctrl”键
- jQuery日期选择器在不按CTRL键的情况下按键更改日期
- 如何在html页面中使用Ctrl+A选择所有表列
- 如何在选择值作为另一个选择的函数动态加载时不使用ctrl键选择多个值
- 是否可以限制选择所有/Ctrl+A的范围
- 按Ctrl选择多个项目并通过表单post访问
- 在没有CMD/CTRL的情况下,更改单击更改时选择[多个]的行为
- 在javascript中按下选择认为ctrl
- jQuery ui Selectable()需要ctrl+点击选择,但我想拖拽+多点击选择
- Jquery选择和取消选择多个输入没有CTRL点击