如何以HTML格式捕获键盘输入

时间:2016-01-14 11:17:09

标签: javascript jquery html

我希望在以HTML形式书写时捕获/保存数据。我使用的是HTMLphpMySQLJavascript

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

我怎么能这样做?我不知道如何开始。

更新

Diagram should be like this

1 个答案:

答案 0 :(得分: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");
				}        
		   });
		}
HTML

<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>

in saveedit.php

//DB connection string $result = mysql_query("UPDATE tableName SET " . $_POST["column"] . " = '".$_POST["editval"]."' WHERE id=".$_POST["id"]);

试试这可能会有所帮助