按下回车键时运行Jquery方法

时间:2010-09-15 10:01:18

标签: jquery lightbox keypress

我正在尝试按下回车键时运行方法。该方法已被按钮使用。基本上,当用户填写文本字段并单击提交按钮时,他们会获得一个灯箱。我想要做的是运行相同的操作,但是按下回车键。我看过使用.keypress,但我只能找到form标签是标准html表单标签而不是asp.net表单标签的示例。我认为目前表单只响应页面上的.net控件,我不能用jquery方法覆盖它。有什么想法吗?

4 个答案:

答案 0 :(得分:5)

您可以将keypress事件绑定到文档,并将trigger()按钮上的处理程序绑定。

$(document).bind('keypress', function(e){
   if(e.which === 13) { // return
      $('#buttonid').trigger('click');
   }
});

只要您按网站上的返回键,就会触发此操作。如果有人在您的输入表单中使用return,您可能只希望它发生。您只需将selectordocument更改为与您的控件匹配的任何类型的选择器。

参考:.trigger()

答案 1 :(得分:1)

$(document).keydown(function(e) {
   // test for the enter key
   if (e.keyCode == 13) {
      // Do your function
      myFunction();
   }
});

答案 2 :(得分:1)

$(".input_loginform").keypress(function(e){
    if (e.which == 13){
        e.preventDefault();
        alert("User pressed 'Enter' in a text input. sender form #"+this.form.id);
        postlogin("#"+this.form.id);
    }
});

答案 3 :(得分:0)

var ENTER_KEY = 13;
var user_key;
$(document).on('keydown', function(e){
  user_key = e.keyCode || e.which
   if(user_key === ENTER_KEY) { 
      document.querySelector("#button").click();
   }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="button" onclick="console.log('button pressed')">button</button>