-->

jQuery的：如何触发点击事件上按下回车键jQuery的：如何触发点击事件上按下回车键(Jquer

2019-05-13 02:16发布

站内文章 / 前沿技术
69 0 0

我需要在按下Enter键执行一个按钮单击事件。

因为它是在目前的情况下不点火。

请语法如果可能的话帮我。 

$(document).on("click", "input[name='butAssignProd']", function () {
   //all the action
});

这是我尝试射击点击进入事件。 

$("#txtSearchProdAssign").keydown(function (e) {
  if (e.keyCode == 13) {
    $('input[name = butAssignProd]').click();
  }
});

Answer 1:

试试这个.... 

$('#txtSearchProdAssign').keypress(function (e) {
 var key = e.which;
 if(key == 13)  // the enter key code
  {
    $('input[name = butAssignProd]').click();
    return false;  
  }
});   


 $(function() { $('input[name="butAssignProd"]').click(function() { alert('Hello...!'); }); //press enter on text area.. $('#txtSearchProdAssign').keypress(function(e) { var key = e.which; if (key == 13) // the enter key code { $('input[name = butAssignProd]').click(); return false; } }); }); 
 <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> <meta charset=utf-8 /> <title>JS Bin</title> </head> <body> <textarea id="txtSearchProdAssign"></textarea> <input type="text" name="butAssignProd" placeholder="click here"> </body> </html>

在jsbin.com查找演示



Answer 2:

试试这个

$('#twitterSearch').keydown(function(event){ 
    var keyCode = (event.keyCode ? event.keyCode : event.which);   
    if (keyCode == 13) {
        $('#startSearch').trigger('click');
    }
});

希望它可以帮助你



Answer 3:

$('#txtSearchProdAssign').keypress(function (e) {
  if (e.which == 13) {
    $('input[name = butAssignProd]').click();
    return false;  
  }
});

我也只是发现提交上的“Enter”形式覆盖大多数问题全面。



Answer 4:

你是几乎没有。 以下是你可以尝试虽然。 

$(function(){
  $("#txtSearchProdAssign").keyup(function (e) {
    if (e.which == 13) {
      $('input[name="butAssignProd"]').trigger('click');
    }
  });
});

我已经使用trigger()来执行的点击，并将其绑定在keyup事件insted的的keydown因为click事件包括两个事件实际上也就是mousedown然后mouseup 。 因此，要像东西一样可以用keydown和keyup 。

这里是一个演示



Answer 5:

你们是不是要模仿上点击一个按钮时，按下回车键？ 如果是这样你可能需要使用trigger的语法。

试着改变

$('input[name = butAssignProd]').click();

至

$('input[name = butAssignProd]').trigger("click");

如果这不是问题，然后尝试通过查看这篇文章的解决方案，同时为您重点攻克语法第二次看： jQuery的事件按键：哪个键被按下？



Answer 6:

另外除了做：

如果您使用动态添加的输入，例如append()您必须使用jQuery的on()函数。 

$('#parent').on('keydown', '#input', function (e) {
    var key = e.which;
    if(key == 13) {
        alert("enter");
        $('#button').click();
        return false;
    }
});

更新：

这样做的一个更有效的方法是使用switch语句。 您可能会发现更清洁它，太。

标记： 

<div class="my-form">
  <input id="my-input" type="text">
</div>

jQuery的： 

$('.my-form').on('keydown', '#my-input', function (e) {
  var key = e.which;
  switch (key) {
  case 13: // enter
    alert('Enter key pressed.');
    break;
  default:
    break;
  }
});


Answer 7:

只是包括了preventDefault（）函数中的代码， 

       $("#txtSearchProdAssign").keydown(function (e) {
       if (e.keyCode == 13) {
       e.preventDefault();
       $('input[name = butAssignProd]').click();
        }
        });


Answer 8:

试试这个

<button class="click_on_enterkey" type="button" onclick="return false;">
<script>
$('.click_on_enterkey').on('keyup',function(event){
  if(event.keyCode == 13){
    $(this).click();
  }
});
<script>


Answer 9:

keyup优于keypress让输入提交的内容。



Answer 10:

jQuery的：消防按钮单击事件使用ENTER键按下试试这个::

的tabindex = “0” onkeypress事件= “返回EnterEvent（事件）” 

 <!--Enter Event Script-->
    <script type="text/javascript">
        function EnterEvent(e) {
            if (e.keyCode == 13) {
                __doPostBack('<%=btnSave.UniqueID%>', "");
            }
        }
    </script>
    <!--Enter Event Script-->


Answer 11:

这似乎现在是默认的行为，所以它足以做到： 

$("#press-enter").on("click", function(){alert("You `clicked' or 'Entered' me!")})

你可以尝试在此的jsfiddle

测试于：铬56.0和Firefox（开发版）54.0a2，既与jQuery的2.2.x和3.x



文章来源: Jquery: how to trigger click event on pressing enter key
标签： jquery key-events
举报

收藏的人(0)

Ta的文章 更多文章
登录 后发表评论
0条评论
还没有人评论过~