How to close a modal by pressing the "ENTER"

Question

How to close a modal by pressing the "ENTER"

Navigation

#1 by (1 votes)

0

How can I close a bootstrap modal using the enter key:

The code I'm using is as follows:

<div class="modal fade" id="succes-action" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content modal-position-medium">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            @if (ViewBag.Success == true) {
                <h4 class="modal-title modal-title-bold" id="myModalLabel"><span class="modal-logo glyphicon glyphicon-ok-circle" aria-hidden="true"></span>Sucesso</h4>
            }
            else {
                <h4 class="modal-title modal-title-bold" id="myModalLabel"><span class="modal-logo error glyphicon glyphicon-remove-sign" aria-hidden="true"></span>Erro</h4>
            }
        </div>
        <div class="modal-body">
            @if (ViewBag.Success == true) {
                <p>Um email foi enviado para <b>@ViewBag.EmailLabel</b> contento instruções para redefinir sua senha.</p>
            }
            else {
                <p>Não foi possível enviar um email para <b>@ViewBag.EmailLabel</b> contento instruções para redefinir sua senha.</p>
                <p>Por favor, contate a equipe de suporte do sistema PRODANÇA.</p>
            }
        </div>
        <div class="modal-footer">
            <button type="button" data-dismiss="modal" aria-hidden="true" class="btn btn-primary btn-min-size">OK</button>
        </div>
    </div>
</div>

html modal bootstrap

asked by anonymous 30.03.2018 / 03:13

1 answer

Unexpected token no import SELECT TOP that brings all the results, something like TOP all, exists in SQL Server?

score 1 · Accepted Answer

In this way, the keypress event will be monitored whenever a key is pressed, and when it is enter (code 13), it will close the modal .

$(document).ready(function() {
  $(document).on('keypress', function(e) {
    if(e.keyCode == 13) {
      $('.modal').modal('hide');
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>