html中怎么通过按键删除一行表格
时间: 2023-06-18 20:06:53 浏览: 56
你可以使用 JavaScript 监听键盘事件,当按下特定的按键时,删除表格中的一行。以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Delete Table Row on Keypress</title>
<script>
function deleteRowOnKeyPress(event) {
if (event.keyCode == 46 || event.keyCode == 8) { // 46 is delete key, 8 is backspace key
var table = document.getElementById("myTable");
var rowCount = table.rows.length;
if (rowCount > 1) {
table.deleteRow(rowCount - 1);
}
}
}
</script>
</head>
<body onkeypress="deleteRowOnKeyPress(event)">
<table id="myTable">
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Email</th>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>john@example.com</td>
</tr>
<tr>
<td>Jane</td>
<td>Doe</td>
<td>jane@example.com</td>
</tr>
</table>
</body>
</html>
```
这个代码会在页面加载时创建一个表格,并在页面上监听键盘事件。当用户按下 "Delete" 或 "Backspace" 键时,代码会检查表格是否有多于一行,如果有,就会删除最后一行。你可以根据需要修改代码以适应你的具体情况。