Question

我有一个input text用于使用onkeyup事件过滤表格中的数据

<input id="NameFilterText" type="text" onkeyup="return filterDataRow('NameFilterText','Name'); return false;" /></td>

我在onkeyup中将此JavaScript函数调用到过滤器数据

function filterDataRow(field, name) {
    var textBox = document.getElementById(field);
    var columnName = name;
    var table = document.getElementById('table1');
    var headRow = table.rows[0];
    var column = 0
    var text = textBox.value;

    for (var i = 0; i < headRow.cells.length; i++) {
        var cellName = headRow.cells[i].innerHTML;
        if (cellName == columnName) {
            column = i;
            break;
        }
    }

    for (var i = 1; i < table.rows.length; i++) {

        table.rows[i].style.display = 'table-row'; // execute only when pressing backspace

        for (var v = 0; v < text.length; v++) {
            var CurCell = table.rows[i].cells[column];
            var CurCont = CurCell.innerHTML.replace(/<[^>]+>/g, "");
            var reg = new RegExp(text + ".*", "i");

            if (CurCont.match(reg) == null) {
                table.rows[i].style.display = 'none';
            }
        }
    }
    return false;
}

如果按下的键不是backspace，我不想执行该注释行。我怎么能这样做？

Answer 1

首先，您需要将onkeyup事件更改为：

<input ... onkeyup="filterDataRow('NameFilterText','Name');" />

然后在函数内部编辑你想要执行的行只有一次添加这个if语句：

if (window.event.keyCode == 8) table.rows[i].style.display = 'table-row';

Answer 2

var input = document.getElementById('NameFilterText');
var keydown=0;
input.onkeydown = function() {
    var key = event.keyCode || event.charCode;

    if( key == 8 || key == 46 )
        keydown=1;
    return false;
};

现在在您的代码filterDataRow（）

中

if(keydown=1){  do your thing. and set keydown = 0 again}

希望它有帮助！

Answer 3

我写了一个名为keysight的库，它为所有键盘键执行此类操作：

node.addEventListener("keydown", function(event) {
    var key = keysight(event).key
    if(key === '\b') {
      console.log("We got one!")
    }
})

如何在JavaScript中获取按下的键是否退格？

3 个答案: