javascript - 如何在 Ctrl+F 上展开 html 表格的所有行

标签 javascript jquery html

我有一个只有几行的 HTML 表格。 Demo .我想在键盘上点击“Ctrl + F”时展开所有折叠的行。 目前我使用以下代码来展开/折叠所需的行。

 $('#resultDetails').on('click', '.toggle', function () {
var findChildren = function (tr) {
var depth = tr.data('depth');
return tr.nextUntil($('tr').filter(function () {
return $(this).data('depth') 
<= depth;
}));};

[编辑]:如果我正在使用 Ctrl + F 搜索字符串,并且如果任何行被隐藏/折叠(并且该行包含所需的字符串),则浏览器将无法找到所需的隐藏字符串。所以我的想法是捕获 Ctrl+F 事件并展开所有行。使用上面的代码,我只能展开用户单击的那些行。但是我想在用户输入 Ctrl + F 后展开所有行。

我怎样才能做到这一点或任何其他想法来处理这种情况。

想法。

最佳答案

使用window.onkeyup事件:

window.onkeyup = function(event) {
if (e.ctrlKey && e.keyCode == 70) { // Your Code Here }; }

fiddle可能对你有帮助

关于javascript - 如何在 Ctrl+F 上展开 html 表格的所有行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22830204/

相关文章:

javascript - 如果尚未设置,则使用 JavaScript 设置 cookie

javascript - Express Validator 来验证日期时间

jquery - 每当将元素添加到 DOM 时,将类添加到元素

javascript - &lt;script&gt; 在 HTML 文件中不起作用

html - 空白 nowrap 丢失元素宽度

javascript - jQuery Flot 不会在 X 轴上显示月份作为标签

javascript - 有没有更好的方法来创建不使用 setInterval 的异步更新?

javascript - 在移动设备上查看主页不使用 jquery 重定向

javascript - 从外部 View 动态添加 html

CSS 属性宽度 : 100%; make a page longer