javascript - 如何在 HTML 表单中捕获键盘输入

Question

我想在以 HTML 表单编写时捕获/保存数据。我正在使用 HTML、php、MySQL 和 Javascript。

我有一个包含三个字段的注册表。假设用户在这三个字段中输入但没有保存。我想捕获用户在这三个字段/两个字段/一个字段中写入的所有内容(无论他/她写了什么)。

我怎样才能做到这一点？我不知道如何开始。

更新

Answer 1

使用表格的 contenteditable 属性。

JS

function saveToDatabase(editableObj,column,id) {    			
			$.ajax({
				url: "pTedit/saveedit.php",
				type: "POST",
				data:'column='+column+'&editval='+editableObj.innerHTML+'&id='+id,
				success: function(data){
					$(editableObj).css("background","#FDFDFD");
				}        
		   });
		}

超文本标记语言

<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td contenteditable="true" onBlur="saveToDatabase(this,'columnName','<?php echo $getData["id"]; ?>')">data</td>
    <td></td>
    <td></td>
  </tr>
</table>

在 saveedit.php

//数据库连接字符串 $result = mysql_query("UPDATE tableName SET ". $_POST["column"] . "= '".$_POST["editval"]."' WHERE id=".$_POST["id"]);

试试这个可能会有帮助