Jquery : comment déclencher l'événement "clic" en appuyant sur la touche "entrée" ?

Question

J'ai besoin d'exécuter un événement de clic de bouton en appuyant sur la touche Entrée.

En l'état actuel des choses, l'événement n'est pas déclenché.

Veuillez m'aider avec la syntaxe si possible.

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

Voici ma tentative de déclencher un événement de clic sur l'entrée.

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

Answer 1

C'est la solution que je préfère.

    $("#text").keyup(function(event) {
        if (event.which === 13) {
            $("#submit").click();
        }
    });

Super simple, super jQuery.

Answer 2

Essayez-vous d'imiter un clic sur un bouton lorsque vous appuyez sur la touche Entrée ? Si c'est le cas, vous devrez peut-être utiliser la fonction trigger la syntaxe.

Essayez de changer

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

à

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

Si ce n'est pas le problème, essayez de revoir votre syntaxe de capture des clés en examinant les solutions proposées dans cet article : jQuery Event Keypress : Quelle touche a été pressée ?

Answer 3

Il suffit d'inclure la fonction preventDefault() dans le code,

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

Answer 4

Essayez ceci

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

Jquery : Déclenchement d'un événement de clic sur un bouton à l'aide d'un bouton d'entrée essayez ceci : :

tabindex="0" onkeypress="return EnterEvent(event)"

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