Javascript：输入按键

Question

早上好...

我在每个页面中使用java脚本来触发文本框内的Enter键按事件。 它工作正常。 现在我想将代码放在.js文件中以进行全局访问。

 function EnterKeyPress(id,e) {
       // look for window.event in case event isn't passed in
       if (window.event) { e = window.event; }
       if (e.keyCode == 13 || e.keyCode == 121) {

           window.document.getElementById('<%= ibtnSubmit.ClientID %>').click();
       } 
   }

我不想硬编码控件ID。 有人可以帮帮我吗

Answer 1

您可以使用id参数而不是ControlID，并且在页面中使用此功能时，可以将ControlID作为参数传递：

function EnterKeyPress(id,e) {
  if (window.event) { e = window.event; }
   if (e.keyCode == 13 || e.keyCode == 121) {
     document.getElementById(id).click();
   }
}

您正在使用ASP .NET，因此在您的代码隐藏中，您可以分配keypress事件：

TextBox1.Attributes.Add("onkeypress",
                      string.Format("EnterPressKey('{0}', event);", ibtnSubmit.ClientID));

但是等等，该功能已经在ASP .NET上完成，您可以使用ASP：Panel控件来包装您的常用控件，并且您可以为面板指定DefaultButton以指示当Panel控件具有焦点时用户单击哪个按钮以及用户按Enter键。

Answer 2

如果你正在使用jQuery，你可以这样做：

$("input[id*=ibtnSubmit]").click()

Answer 3

如果您希望在用户按Enter键时提交表单，则您不需要javascript。 它会自动完成。 只需将文本框放在带有操作的表单元素中：

<form action="process.php">
  <input type="text">when the enter key is pressed, the form is submitted and sent to process.php</input>
</form>