用于捕获用户键盘敲击的文本框答案

【问题标题】：Textbox to capture user's keyboard strokes用于捕获用户键盘敲击的文本框
【发布时间】：2011-02-27 19:54:04
【问题描述】：

在其中一个页面上，我需要添加一个文本框，用户可以在其中输入文本。捕捉用户在输入文本时的想法对我们来说很重要，因此应该捕捉诸如退格键、键之类的笔划。用户单击提交按钮后，管理员应该能够“播放”操作并查看用户在输入文本时的进度（类似于观看视频）

asp.net mvc 或 webforms 的做法是什么？

【问题讨论】：

标签： asp.net asp.net-mvc user-controls custom-controls webforms

【解决方案1】：

考虑另一种非控制方法，或将其包装到您的新控件中。

JavaScript 捕获所有 KeyUp 或 KeyDown 事件。 Difference between KeyPress, KeyDown, KeyUp。
将每次击键记录到<input type='hidden' /> 或<asp:Hidden>。使用JavaScript KeyCode (here's another with some differences in JavaScript between browsers)。那篇文章的底部有一个很好的示例。使用您自己的分隔符将每个 keyCode 附加到值。你最终会得到34|73|91|13|
当用户完成后，你回发，找到隐藏字段的值。您将获得一串 KeyCode 来回放在该文本框中捕获的击键。

【讨论】：

为了获得额外积分，您还可以在隐藏字段中存储时间戳，以便跟踪用户输入的速度！ :-)-

【解决方案2】：

我不知道是否有一个自定义控件已经这样做了，一般来说我认为您可以通过这种方式实现您的需求：使用 ClientSide OnKeyPress 事件保存所有按键，将所有按键代码放在一个列表中，当用户单击提交将此列表传递给服务器端代码，然后您可以简单地以相同的顺序重新应用所有这些更改，这就是您要播放的视频:)

【讨论】：