除了一个键，有没有办法在 keyup 事件上实现？

Question

我正在尝试开发一个 Javascript 函数，该函数在每次输入更改时都会进行一些验证（我正在使用 onkeyup 事件），除非我们删除了我们在输入中输入的内容。这是我的实际代码：

function myFunction() {
var input, filter, table, tr, td, i;
var cpt = 0;
var nbRow = 0;
input = document.getElementById("filterInput");
filter = input.value.toUpperCase();
table = document.getElementById("test");
thead = table.getElementsByTagName("tbody");
tr = table.getElementsByTagName("tr");

for (i = 0; i < tr.length; i++) {
    td = tr[i].getElementsByTagName("td")[2];

    if (td) {
        nbRow = nbRow + 1;
        if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
            tr[i].style.display = "";
        } else {
            tr[i].style.display = "none";
            cpt = cpt + 1;

        }
    }
}
if (nbRow == cpt) {
   alert("The list is empty")
}
}

<input id="filterInput"  onkeyup="myFunction()">
<table id="test">
<thead>
<tr>
<th>Titre1</th>
<th>Titre2</th>
<th>Titre3</th>
</tr>
</thead>
<tbody>
<tr>
<td>contenu1</td>
<td>contenu2</td>
<td>contenu3</td>
</tr>
</tbody>

</table>

如何避免每次用户删除一个字符时出现重复的alert 显示？

编辑：

我试图避免在用户删除一个字符后重复“警告”而不丢失验证。

Answer 1

如果您想使用 onkeyup 忽略删除和退格，可以将此检查添加到函数的开头：

function myFunction(event) {
    // capture what key was pressed
    var key = event.keyCode || event.charCode;

    if( key === 8 || key === 46 )
        return; //if it's del or backspace, exit the function

    // continue your function here
}

Answer 2

您可以在检测按下哪个键的函数中实现验证...

function myFunction(e) {
   if(e.keyCode !== 8){ // back key excluded
         var input, filter, table, tr, td, i;
				var cpt = 0;
				var nbRow = 0;
				input = document.getElementById("filterInput");
				filter = input.value.toUpperCase();
				table = document.getElementById("test");
				thead = table.getElementsByTagName("tbody");
				tr = table.getElementsByTagName("tr");

				for (i = 0; i < tr.length; i++) {
					td = tr[i].getElementsByTagName("td")[2];

					if (td) {
						nbRow = nbRow + 1;
						if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
							tr[i].style.display = "";
						} else {
							tr[i].style.display = "none";
							cpt = cpt + 1;

						}
					}
				}
				if (nbRow == cpt) {
alert("The list is empty")
				}
   }
				
}

<input id="filterInput"  onkeyup="myFunction(event)">
<table id="test">
<thead>
<tr>
<th>Titre1</th>
<th>Titre2</th>
<th>Titre3</th>
</tr>
</thead>
<tbody>
<tr>
<td>contenu1</td>
<td>contenu2</td>
<td>contenu3</td>
</tr>
</tbody>

</table>

当然，您必须为要排除的每个键添加代码